Глава 9. Глоссарий по тегам HTML

Содержание

9.1. Basic Tags
9.2. Char Format
9.3. Output
9.4. Blocks
9.5. Links
9.6. Frames
9.7. Input
9.8. Lists
9.9. Images
9.10. Tables
9.11. Styles
9.12. Meta Info
9.13. Programming

В главе использованы материалы [HTML].

9.1. Basic Tags

  1. <!DOCTYPE> Defines the document type

    Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать <!DOCTYPE>.

    !DOCTYPE должен быть первым в HTML документе.

    !DOCTYPE не HTML тег, это инструкция для браузера о том, что какая версия языка разметки страниц использвалась.

    Ещё здесь

    Рисунок 9.1. <!DOCTYPE>

    <!DOCTYPE>


  2. <html> Defines an html document STF

    Тег <html> является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег <html> должен всегда стоять в документе последним.

    Ещё здесь

    Рисунок 9.2. <html>

    <html>


  3. <body> Defines the body element STF

    Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

    Ещё здесь

    Рисунок 9.3. <body>

    <body>


  4. <h1> to <h6> Defines header 1 to header 6 STF

    HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.

    Ещё здесь

    Рисунок 9.4. <h1>

    <h1>


  5. <p> Defines a paragraph STF

    Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

    Ещё здесь

  6. <br> Inserts a single line break STF

    Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.

    Ещё здесь

  7. <hr> Defines a horizontal rule STF

    Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

    Ещё здесь

  8. <!--...--> Defines a comment STF

    Тег добавляет комментарий в код документа. Текст комментария не отображается на странице. Разрешается внутрь комментария добавлять другие теги, вложенные комментарии (когда один комментарий расположен внутри другого) не допустимы.

    Ещё здесь

    Рисунок 9.5. <!--

    <!--