Теперь надо уметь работать над видом текста своей страницы. Для этого есть специальные теги. Мы не будем, конечно рассматривать каждый из них сейчас, ведь некоторые используются очень редко. Так что выучим только самые важные из них.
Тег <BR> - используется для переноса строки.
Этот тег один из самых важных и частых в работе, его мы изучим первым. К тому же он не требует закрывающего тега.Приведу пример:
Уже вторая<br>
Тег <P> - применяется для оформления параграфов текста.
Рассмотрим этот тэг в действии ( на примере ). В качестве примера текста я использую этот текст:
<p align="center"><br />
Второй абзац выровнен по центру (<strong>align="center"</strong>).</p>
<p align="right"><br />
Третий выровнен по правому краю (<strong>align="center"</strong>).</p>
<p align="justify"><br />
И наконец четвертый выровнен по ширине (<strong>align="justify"</strong>). </p>
Атрибут: ALIGN
Разбираемся в написанном:
Первый абзац выровнен по левому краю (align="left").
Второй абзац выровнен по центру (align="center").
Третий выровнен по правому краю (align="center").
И наконец четвертый выровнен по ширине (align="justify")
Теги H1,H2,...H6 - для разбития текста на уровни.
Служит для разбития текста на уровни, разделы и подразделы. Существует всего 6
уровней заголовков, отличающихся по величине шрифта.<h1> - самый большой заголовок, <h2> - поменьше...,а <h6> - самый маленький.
Пример:
<h2>Заголовок H2</h2>
<h3>Заголовок H3</h3>
<h4>Заголовок H4</h4>
<h5>Заголовок H5</h5>
<h6>Заголовок H6</h6>
Возможные атрибуты:
ALIGN - определяет способ выравнивания заголовков.
Тег DIV - используется как удобный контейнер для блоков страницы.
"Див" просто перемещать, изменять отступы и т.п. Обязателен закрывающий тег!Возможные атрибуты:
ALIGN - определяет способ горизонтального выравнивания контейнера.
SPAN - Используется для придания различных стилей тексту.
Пример:И да будет у меня красный: Span красный текст, поскольку я его здесь прописал.
С помощью элемента Span можно задать каждой букве текста отдельный цвет, размер и т.п. Его не нужно зубрить запомните - он есть. Позже, при работе с такими программами как Dreamweaver его знание почти будет ненужно.
STRONG - жирный шрифт
Раньше использовали тег <b> - его можно использовать сейчас, но это не приветствуется поисковыми системами.Пример:
Тег <I> - выделение курсивом
Сейчас лучше использовать тег <EM> (Emphasis). В Adobe Dreamweaver на текстовой панели форматирования написано "I", а в коде пишется EM.Пример:
U(Underline) - делает текст подчеркнутым
Пример написания:
S(Strike) - Текст будет перечеркиваться!
FONT - Позволяет изменять цвет, размер и шрифт текста. Пример:
<font color="#FF0000"> Текст тоже будет красным </font><br>
<font size="+4"> Будет большого размера текст </font><br>
<font size="-2"> Этот текст будет маленький </font><br>
<font size="+4" color="#FF0000"> Этот текст огромного размера и красный
Атрибуты:
SIZE - Задает размер шрифта - 1 , 2 , 3 , 4 , 5 , 6 , 7.
COLOR - Задает цвет.
FACE - определяет шрифт.
UL (Unsorted List) - Создает неупорядоченный список.
Пример:
<ul>
<li> Первый пункт списка </li>
<li> Второй пункт списка </li>
<li> Третий пункт списка </li>
<li> Четвертый пункт списка </li>
</ul>
- Первый пункт списка
- Второй пункт списка
- Третий пункт списка
- Четвертый пункт списка
OL (Ordered List)- Создает упорядоченный список.
Между тегами должны присутствовать элементы LI, обозначающих пункты списка.
Атрибуты:
START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа) . Если не указывать, начинается с начала.
TYPE – определяет стиль нумерации пунктов списка.
Значения:
"A" – заглавные буквы A, B, C ...
"a" – строчные буквы a, b, c ...
"I" – большие римские числа I, II, III ...
"i" – маленькие римские числа i, ii, iii ...
"1" – арабские числа 1, 2, 3 ...
См. также
Следующий - цвет фона и текста
Предыдущий - Создаем свою первую страничку
