Абзац формируется при помощи тега <p>…</p>. Атрибут тега <p>align это способы выравнивания по горизонтали.align может принимать значенияleft, right, center, justify. Например, если необходимо сделать абзац с выравниванием по ширине, то надо написать:
<palign=”justify”>Содержание абзаца </p>
Заголовки предназначены, во-первых, показать важность раздела, к которому относятся, а во-вторых, с помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (<h1>), а самым ниж-ним — уровень 6 (<h6>).
Также следует отметить, что использование заголовков приветствуется поисковыми системами.
Пример использования заголовков:
<body>
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>
</body>
Для полужирного начертания применяется два тега: <b> и <strong>. <b>Жирное начертание шрифта</b><strong>предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.</strong>
Для курсивного начертания используются два тега: <i> и <em>:
<i>Курсивное начертание шрифта</i>
<em>предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.</em>
Маркированный список формируется с помощью контейнера<ul>, а каждый пункт списка начинается с тега <li>, как показано ниже.
<ul>
<li>Значение №1</li>
<li> Значение №2</li>
<li> Значение №3</li>
</ul>
В списке непременно должен присутствовать закрывающий тег </ul>, иначе возникнет ошибка.
Закрывающий тег </li> хотя и не обязателен, но советуем всегда его добавлять, чтобы четко разделять элементы списка.
Нумерованные списки формируются так:
<ol>
<li> Значение №1</li>
<li> Значение №2</li>
<li> Значение №3 </li>
</ol>
Таблицы
В своей основе таблицы представляют собой ячейки, объединенные
в строки и столбцы. Обычно таблицы используются для представления
структурированных данных, однако возможности таблиц этим не
ограничиваются. C помощью таблиц удобно верстать макеты веб-страниц,расположив нужным образом фрагменты контента.
Минимальный набор тегов для описания таблицы включает
<TABLE>, <TR>, <TD>.
Допускается вместо тега <TD> использовать тег<TH>. Текст в такой ячейке отображается браузером обычно жирнымшрифтом и выравнивается по центру. В остальном, разницы междуячейками, созданными через теги <TD> и <TH>, нет.
Приводимый ниже HTML-код демонстрирует базовую структурутаблицы с четыремя ячейками:
<TABLE>
<TR>
<TD>Ячейка 1</TD>
<TD>Ячейка 2</TD>
</TR>
<TR>
<TD>Ячейка 3</TD>
<TD>Ячейка 4</TD>
</TR>
</TABLE>
Тег TABLE определяет содержимое таблицы. Каждая строказадается тегом <TR> и состоит из множества ячеек данных. Количествостолбцов определяется количеством ячеек в строке. Ячейки с даннымиобозначаются тегом <TD>. Ячейка таблицы может содержать любыеданные, выводимые HTML-документом (форматированный текст,гиперссылки, графические объекты, мультимедийные элементы и другиетаблицы).
Основные атрибуты тега <table>:
• align = left|right|center- задает выравнивание таблицы по краю окнабраузера.
• background = url- определяет изображение, которое будет служитьфоном для таблицы
• bgcolor = “#rrggbb” или “название цвета” - задает цвет фонатаблицы. Значение задается RGB-значением или названием цвета.
• border = число – задает толщину рамки таблицы (в пикселах).
Задание border=0 отменяет появление границы. По умолчанию рамкаизображается трехмерной, но если используется параметрbordercolor тега <TABLE>, то вид рамки меняется.
• bordercolor = “#rrggbb” или “название цвета” - задает цвет рамки
таблицы.
• cellpadding = число – задает размер интервала между границей
ячейки и ее содержимым. Значение по умолчанию равно 1.
• cellspacing = число – задает размер интервала между ячейками
таблицы.
• height = число, проценты – задает высоту всей таблицы. Значениеможет быть в пикселах или в процентах от размера окна браузера.
• width = число, проценты – задает общую ширину таблицы. Можетбыть задан в пикселах или в процентах от размера окна браузера.
Тег TR задает в таблице строку ячеек.
Основные атрибуты тега <tr>:
• align = left|right|center- задает выравнивание текста и других
элементов в ячейках текущей строки.
valign = top|middle|bottom – задает выравнивание текста (или
других элементов) по вертикали в ячейках текущей строки.
• background = url - определяет изображение, которое будет
использоваться как фон строки.
• bgcolor = “#rrggbb” или “название цвета” - задает цвет строки.
Значение цвета, заданного для фона строки, перекрывает значение,
заданное для таблицы в целом.
• bordercolor = “#rrggbb” или “название цвета” - задает цвет рамки
строки.
Тег- TD определяет ячейку данных таблицы. Ячейка таблицы может содержатьлюбую информацию, в том числе и таблицу.
Основные атрибуты тега <td>:
• align = left|right|center - задает выравнивание текста или другого содержимого ячейки таблицы. Значение по умолчанию left.
• valign = top|middle|bottom – задает выравнивание текста (или других элементов) по вертикали в ячейках текущей строки.
• background = url - определяет изображение, которое будет использоваться качестве фона в ячейке.
• bgcolor = “#rrggbb” или “название цвета” – определяет цвет, который будет использоваться в ячейке таблицы. Это значение перекрывает значения цветов, заданные на уровне строки и таблицы.
• bordercolor = “#rrggbb” или “название цвета” - задает цвет рамки таблицы.
• colspan = число – задает количество столбцов таблицы, которые нужно объединить.
• rowspan = число – задает количество строк, объединяемых данной ячейкой.