Теги могут иметь атрибуты, которые предоставляют дополнительную информацию об элементах HTML. Атрибуты всегда используются в виде пары "имя/значение". Общий формат задания атрибутов имеет вид:
<имя_тега имя_атрибута="значение">
Например, тег:
<body bgcolor="red">
означает, что цвет фона страницы должен быть красным.
А тег:
<p align="center">
означает, что параграф необходимо выровнять по центру страницы отображения браузера.
Атрибуты всегда помещаются в начальном теге элемента HTML. Значения атрибутов всегда полезно заключать в кавычки. Наиболее широко используются двойные кавычки, но одиночные кавычки также допустимы.
В некоторых редких ситуациях, когда, например, значение атрибута само содержит кавычки, необходимо использовать одиночные кавычки:
<html><body><abbr title='курс "Практику по ЭВМ"'>ПЭВМ</abbr></body></html>
Кроме атрибутов, записываемых вышеописанным способом, для некоторых элементов определены специальные флаги, которые просто указываются как <тег имя_флага>.
<html><body><p>Попробуйте исправить текст в этих полях ввода</p><form action="index.php" method="GET"><input type="text" name="blocked" value="Пример поля ввода, у которого указан флаг readonly" readonly size="100"><br/><br/><input type="text" name="unblocked" value="Обычное поле ввода у которого нет флагов" size="100"></form></body></html>
Прежде чем изучать теги форматирования HTML, посмотрим как введенный текст отобразится, если не будут применены никакие теги кроме тегов <html> и <body>. Следующий пример демонстрирует такой документ HTML
<html><body>Этот текст будет показан в окне браузера. </body></html>
Этот простой пример документа HTML, который содержит минимальное количество тегов HTML и демонстрирует, как текст внутри элемента body отображается в браузере.
Если ввести большой объем текста таким способом, то читать его будет очень неудобно. Логичнее разбить его на параграфы, как в книге, которые повышают читабельность текста, и кроме того выделяют смысловые блоки.
Следующий пример показывает, как отображаются параграфы
Этот пример демонстрирует, как в браузере выводится текст внутри элементов параграфа. Можно видеть, что по умолчанию текст каждого параграфа выводится в виде отдельного блока. Каждый из таких блоков отделяется от предыдущих и последующих блоков страницы пустой строкой. Однако отображение параграфа браузером может быть легко изменено посредством таблицы стилей.
Можно заметить, что параграфы можно записывать без закрывающего тега </p>, однако лучше этого не делать, в следующей версии HTML все теги нужно будет закрывать.
В разных браузерах на разных мониторах с разным разрешением страница будет отображаться по-разному, поэтому не стоит форматировать при помощи добавления пустых строк и пробелов. Любое число пробелов заменяется одним.
Использование пустых параграфов <p> для вставки пустых строк является плохим стилем, вместо этого используйте тег <br/>.