Элемент font
Структура элемента :
<font параметр1=значение параметр2=значение...> текст </font>
Для элемента font необходимо указывать как начальный, так и конечный тэги. При этом у вас появляется возможность изменить у текста, оказавшегося меж этими двумя тэгами, размер шрифта и/или цвет. Возможные атрибуты :size = n. Размер шрифта текста (внутри тэга font) от n=1 до n=7. Вы можете задать абсолютный размер шрифта, указав какое-либо целое число от 1 до 7. color - указывает цвет, которым будет выделен данный кусок текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается один из 16 стандартных цветов.
Пример.
<font size="1">Этот текст размером size=1</font>
<font size="2">Этот текст размером size=2</font>
<font size="3">Этот текст размером size=3</font>
<font size="4">Этот текст размером size=4</font>
<font size="5">Этот текст размером size=5</font>
<font size="6">Этот текст размером size=6</font>
<font size="7">Этот текст размером size=7</font>
Результат интерпретации браузером данного кода на экране:
Этот текст размером size=1 Этот текст размером size=2 Этот текст размером size=3 Этот текст размером size=4 Этот текст размером size=5 Этот текст размером size=6 Этот текст размером size=7
Модульная лекция: мл 3-3
2.4. Преформатированный текст - тэг pre.
Для того, чтобы в тексте сохранить все служебные символы (пробелы, символов табуляции, перевода строки, размеры фиксированной ширины), можно использовать тэг pre (соответствует слову "преформатированный"). В этом случае несколько последовательных пробелов не будут преобразованы в один и новые строки будут начинаться в тех же позициях, что и в исходном html файле. Это очень удобно в тех случаях, когда на страницах сайта используются абзацы текстов, содержащие более одного пробела между словами, отступы и другие стили оформления текста.
Например, если следующий абзац заключить внутри открывающего и закрывающегося тэгов pre:
слово1
слово2 слово3
слово4 слово5 слово6
слово7 слово8 слово9
то на экране он изобразится также (пробелы между словами браузером не игнорируются).
2.5. Заголовки - элементы h1,h2,h3,h4,h5,h6
Элементы заголовка служат для выделения названия разделов документа .существует шесть уровней заголовка. Чем меньше число, указывающее уровень, тем более значимым (большим размером) является заголовок.
Каждый из тегов <h1>,<h2>,<h3>,<h4>,<h5>,<h6> требует соответствующий закрывающий тэг:
</h1>,</h2>,</h3>,</h4>,</h5>,</h6> Рассмотренные тэги могут использоваться с параметром горизонтального выравнивания align.
Рассмотрим примеры.
<h2> Это Заголовок 2-го уровня </h2>
<h3> Это Заголовок 3-го уровня </h3>
<h4> Это Заголовок 4-го уровня </h4>
<h6> Это Заголовок 6-го уровня </h6>
<h4 align=center> Заголовок 4-го уровня по центру </h4>
<h2 align=right>Заголовок 2-го уровня справа</h2>
Группирующие тэги div и SPAN. Все элементы, располагающиеся внутри body, подразделяются на "элементы уровня блока" и "встроенные элементы" (или "элементы уровня текста"). Различие между ними заключается в следующем:
Элементы уровня блока могут содержать внутри себя как встроенные элементы (тэги), так и другие элементы уровня блока, т.е., элементы уровня блока образуют более глобальную (крупную) структуру, нежели встроенные.
Вывод элемента уровня блока начинается с новой строки. Элемент div относится к элементам уровня блока., а span - к встроенным. Оба они применяются для форматирования соответствующей части документа с использованием таблиц стилей.
Рассмотрим пример использования элемента div.
<div style="color: blue"> Здесь размещается фрагмент документа </div >
В этом примере фрагмент html-документа обрамляется тэгами (элементами) <div> и </div> для задания некоторых его свойств. В данном случае все текстовые элементы выделенного фрагмента будут отображаться синим (blue) цветом. Аналогом тэга <div> уровня текста является элемент <span>.Примечание: рассмотренные элементы желательно использовать вместе с таблицами стилей.
Тэг <center> - предназначен для горизонтального выравнивания всех элементов посредине окна просмотра браузера. Он имеет уровень блока и его полезно использовать для центрирования таких элементов, как, таблицы,(и для других). Этот элемент обязательно должен иметь закрывающий тэг </center>