Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 13.58.40.171
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модератор форума: Hawk  
Урок 2. Разобьем текст на абзацы
Сообщение оставлено 28.11.2011 в 14:28:34 | Сообщение #1
Урок 2. Разобьем текст на абзацы


Как разбить текст на абзацы? Поставьте тег <p> перед началом абзаца. Когда браузер обнаружит этот тег, он сам вставит перед текстом пустую строку. Рассмотрим пример:

Code
<html>
<head>
<title>Моя страничка<title>
</head>
<body bgcolor=”black” text=”white”>
<center><h2>Моя страничка</h2></center>
<p align=”left”> Добро пожаловать на мою домашнюю страничку,  
я очень рад тебя видеть! </p>
<p align="right"> Добро пожаловать на мою домашнююстраничку,  
я очень рад тебя видеть! </p>  
<p align="center"> Добро пожаловать на мою домашнююстраничку,  
я очень рад тебя видеть!</p>
</body>
</html>


В этом примере, как и в предыдущем, есть центрированный заголовок. Но в данном случае ”Моя страничка” будет написано более крупным шрифтом из-за тега <h2>. Этот тег указывает браузеру величину текста, заключенного между тегами <h2> и </h2>. В HTML существуют разные размеры текста <h1> - крупный, <h2> - менее крупный, <h3> - более мелкий, и т. д. Далее рассматривается еще один атрибут тега <body> - text, этот атрибут задает цвет текста на страничке, в данном случае он белый – white т. к. фон будет черным – black. Кроме text и bgcolor, у тега <body> есть еще атрибуты:

Background – указывает на фоновый рисунок странички (например background="001.jpg"), Alink, Vlink,Link.

Остальные атрибуты будут рассматриваться далее. Как видно в примере, у тега <p> есть атрибут – align, он указывает положение текста на странице, в данном случае текст располагается по левому краю – left. Атрибут align может принимать значения:

Left – по левому краю;

Right – по правому краю;

Center – по центру.

Тег </p>, указывает браузеру конец абзаца и является необязательным.

Для перехода на следующую строку используется тег <br>. Например:

Code
<html>
<head>
<title>Моя страничка</title>
</head>
<body background=”p01.gif” text=”green”>
<h1>Добро пожаловать на мою домашнюю страничку,
я очень рад тебя видеть!<h1><br>
Добро пожаловать на мою домашнюю страничку,
я очень рад тебя видеть! <br><br>
Добро пожаловать на мою домашнюю страничку,
я очень рад тебя видеть! <br><br><br>  
Добро пожаловать на мою домашнюю страничку,
я очень рад тебя видеть!
</body>
</html>


Здесь вместо фоновой заливки используется рисунок в формате gif Вот этот:

Вы наверное заметили, что тегов <br> можно вставлять сколько угодно. Чем больше этих тегов перед текстом, тем больше отступ.
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика