Html документ это: HTML и HTML5. Описание тегов по основным разделам

Содержание

HTML Элементы



Элемент — это основа языка HTML. Он является основой построения сайта и может описывать документ в целом или способ форматирования текста. Все, что вы захотите создать на вашей веб-странице, будет сделано с помощью элементов.

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

HTML также обеспечивает семантику HTML документа. Элементы, как правило, используются для конкретного назначения. Например, уровень заголовка <h2> является более важным, чем уровень <h3>.

Элементы включают в себя всё, что находится между парными тегами элемента, включая сами теги. Например, элемент "<p>" обозначает параграф; элемент "<img>" обозначает изображение.

Примеры HTML элементов:

Начальный тегСодержимое элементаКонечный тег
<p>Это содержание абзаца.</p>
<h2>Это заголовок. </h2>
<div>Это содержимое блока.</div>
<br />

Здесь <p>....</p> является HTML элементом, <h2>...</h2> тоже HTML элемент.

Элементы представляют собой контейнеры. Вы помещаете текст внутрь контейнера. Если применяются теги <em> и </em>, создается контейнер, задающий курсивный шрифт для текста, находящегося внутри контейнера. Создавая веб-страницы, вы будете использовать контейнеры для хранения различных фрагментов текста. Если вы будете воспринимать элементы таким образом, тогда вам легче будет не пропустить закрывающий тег.

Существует два вида элементов: элементы-контейнеры и пустые элементы.

Элементы, которые представляют из себя контейнеры — это самый распространенный вид элементов. Элементы-контейнеры задают форматирование контента, находящегося между от-крывающим и закрывающим тегами.

Пустые элементы не задают и не отменяют форматирование. Такие элементы вставляют на страницу какой-либо объект, например горизонтальную черту (элемент <hr>

).

Пустые элементы не имеют парных тегов и в них нельзя вставить текст, как в элементы-контейнеры.

Вы можете встретить пустые элементы, в которых включен символ слэша перед закрывающей скобкой и без него, например <br/> или <br>. Форма записи пустых элементов с включением слэша называется синтаксисом пустых элементов, который был официальной частью языка XHTML.

Например:


<img src="smile.jpg" alt="Смайлик">

Пустые элементы в режиме XHTML обычно закрываются с помощью знака слэш перед закрывающей угловой скобкой тега


<img src="smile.jpg" alt="Смайлик"/>

В HTML5 применение синтаксиса пустых элементов необязательно и разрешается использовать тот же синтаксис, что и в открывающих тегах (т. е. без слеша). Таким образом пустые элементы не обязательно закрывать в режиме HTML.

Вложенные элементы

Большинство элементов могут быть вложены друг в друга (т.е. в содержимом одного элемента может располагаться другой элемент).

Например вложив элемент <i> в элемент

<b> Вы сможете сделать текст одновременно жирным и курсивным.

Большинство элементов в HTML требуют оба, и закрывающий и открывающий теги. Открывающие и закрывающие теги требуют правильного, иерархического вложения — закрывающие теги должны идти в обратном порядке по отношению к открывающим. Правильный порядок вложения тегов следует соблюдать, чтобы писать валидный html-код.

Далее пример валидного кода:


<em>Это <strong>важное</strong> правило</em>

А здесь приведён пример неверного вложения тегов:


Invalid: <em>Это <strong>важное</em> правило</strong>
Заметьте, что в валидном примере закрывающий тег вложенного элемента расположен перед закрывающим тегом элемента, в который он вложен.

Язык HTML предоставляет много вариантов вложения элементов, например, можно вложить один элемент в другой, а затем эту комбинацию вложить в еще один элемент и т. д. до беско-нечности.





что это такое, когда появился и из чего состоит

HTML язык (HyperText Markup Language) – это стандартный язык разметки гипертекста в Интернете. Его основное предназначение – создавать интернет-страницы и обеспечивать нормальное расположение в документе списков, заголовков, таблиц, картинок и прочих материалов. Гипертекст в данном случае – это текст, связанный указателями-ссылками с другими текстами.

Если говорить понятнее, то HTML – это простой набор кодов для описания структуры документа. А браузеры разъясняют язык HTML и отображают на экране монитора компьютера или других устройств уже понятный пользователю форматированный текст с картинками, таблицами, заголовками, списками и т.д.

Как и когда появился HTML язык?

HTML был придуман в 86-м году прошлого века. Инициатором стал ученый из Великобритании Тимон Бернерс-Ли, работающий в Европейской организации по ядерным исследованиям в Женеве.

Тогда он предложил HTML в качестве языка для передачи технических и научных данных между Институтами. Это поспособствовало тому, что все научные документы легко читались и выглядели одинаково хорошо на всех устройствах.

Изначально HTML использовался исключительно в научных учреждениях, но вскоре такая идея понравилась людям настолько, что распространилась далеко за их пределы, и сегодня этот язык является основой Интернета. Кроме упрощения структуры документа, HTML начал поддерживать гипертекст.

Современные функции языка HTML сильно отличаются от тех задач, которые он выполнял много лет назад. Создавался он с целью структурирования и форматирования документов, при этом элементы отображения не применялись. HTML текст можно было посмотреть на любой технике: цветном мониторе компьютера, небольшом экране мобильника, органайзере с монохромным экраном или программе чтения текста голосом. Он воспроизводился на них без каких-либо помарок.

Но со временем потребности возрастали, что привело к появлению картинок, звука, диаграмм и прочих элементов. В связи с этим выходили новые версии HTML, последней из которых является HTML 5. Современная версия позволяет создавать уже не только сайты, но и web-приложения.

Из каких компонентов состоит HTML?

HTML язык содержит несколько основных компонентов, которые выполняют определенные функции:

  1. Тег (дескриптор). HTML полностью состоит из дескрипторов. Они посылают команды веб-браузеру, выполняющему конкретные функции. К примеру, вставляет картинки или создает списки.
  2. Атрибут (аргумент). Предназначен для внесения изменений в теге. То есть, он может выровнять по краю или центру абзац/картинку внутри самого тега.
  3. Значение. Определяет изменения от атрибутов. Например, при выравнивании текста или изображения, для атрибута можно задать различные значения: текстовые (left либо right), или числовые (размеры картинки по ширине и высоте).

Какая структура HTML документа?

Посетив в браузере любую web-страницу, вы можете посмотреть, как она выглядит в кодовом формате, нажав правой кнопкой мыши на странице и выбрав раздел «Посмотреть код».

Пример части структуры страницы на которой вы находитесь

Можно заметить, что в начале любого документа в формате HTML есть строка , обозначающая версию HTML и порядок написания и применения тегов. В устаревших версиях HTML было изобилие самых разных вариаций тега DOCTYPE, но в новой версии существует только один – !DOCTYPE.

За ним следует непосредственно документ страницы, имеющий начало и конец, которые обозначаются открывающимся (<html>) и закрывающимся (</html>) тегами соответственно. По сути, этот парный тег является контейнером, где находится все содержимое web-страницы – весь полезный контент охвачен этими двумя элементами.

Внутри самого документа находятся 2 блока: <head> и <body>, и выглядит это следующим образом:

<html>
<head></head>
<body></body>
</html>

В <head> содержатся служебные элементы для поисковиков и браузеров:

  • заголовок <title> (обязательный тег) документа, отображающийся в выдаче поисковика и во вкладке браузера;
  • мета теги названия, описания и ключей;
  • описание содержания документа;
  • ссылки на стилевые файлы <link>;
  • ссылки на скрипты <script>.

Все, что прописано в данном теге, пользователю не показывается на странице. Он видит только элементы страницы, прописанные в разделе <body>:

  • непосредственно текст;
  • таблицы;
  • графические элементы;
  • изображения;
  • аудио- и видеофайлы и прочий код.

Исходя из вышесказанного, приведем простейший пример HTML документа:

<!DOCTYPE html>
<html>
<head>
<title>Я написал свой первый HTML документ</title>
</head>
<body>
<h2>Мой первый HTML документ</h2>
<p>Всем привет!</p>
</body>
</html>

Прописав подобный текст в любом текстовом документе (в том числе и в Блокноте), сохранив его в расширении html и открыв в одном из браузеров, на экране вы увидите заголовок <h2> и описание документа <p>. При этом заголовок будет выделен жирным шрифтом большего размера, чем сам текст.

Подводим итоги

Как вы уже поняли, с помощью HTML в тексте можно выделить заголовки, абзацы, графики, таблицы, списки, разместить на веб-страницу изображение, связать разные тексты гиперссылками и так далее.

При этом пользователь не будет видеть сложную кодировку благодаря ее интерпретации интернет-браузерами, которая формирует окончательный вид документа, красивый и читабельный для человеческого глаза.

НОУ ИНТУИТ | Лекция | Основы языка HTML

Аннотация: В этой лекции рассматривается структура HTML-документа. Описывается создание и применение гиперссылок, списков, таблиц, фреймов, форм. Показаны мультимедийные возможности HTML.

HyperText Markup Language (HTML) - язык разметки гипертекста - предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

Гипертекстовый документ - это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла на экране компьютера. С помощью этих меток можно выделять заголовки документа, изменять цвет, размер и начертание букв, вставлять графические изображения и таблицы.

Но основным преимуществом гипертекста перед обычным текстом является возможность добавления к содержимому документа гиперссылок - специальных конструкций языка HTML, которые позволяют щелчком мыши перейти к просмотру другого документа.

Существует два способа создания гипертекстовых документов. Можно воспользоваться одним из WYSIWYG HTML-редакторов (например, Netscape Composer, основы работы с котором рассмотрены в разделе "Обработка текста на ЭВМ", Microsoft FrontPage, HotDog, или др.), для работы с которыми не требуется специальных знаний о внутренней структуре создаваемого документа. Этот способ позволяет создавать документы для WWW без знания языка HTML. HTML-редакторы автоматизируют создание гипертекстовых документов, избавляют от рутинной работы. Однако их возможности ограничены, они сильно увеличивают размер получаемого файла и не всегда полученный с их помощью результат соответствует ожиданиям разработчика. Но, безусловно, этот способ незаменим для новичков в деле подготовки гипертекстовых документов.

Альтернативой служит создание и разметка документа при помощи обычного редактора plain-текста (таких, как emacs или NotePad). При этом способе в текст вручную вставляются команды языка HTML. Создавая документы таким способом, вы точно знаете, что делаете.

Как уже отмечалось, HTML-документ содержит символьную информацию. Одна ее часть - собственно текст, т. е. данные, составляющие содержимое документа. Другая - теги (markup tags), называемые также флагами разметки, - специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащие HTML-документы, приняты расширения .htm или .html.

Прописные и строчные буквы при записи тегов не различаются. В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега:

<имя_тега [атрибуты]>

Прямые скобки, используемые в описании синтаксиса, означают, что данный элемент может отсутствовать. Имя закрывающего тега отличается от имени открывающего лишь тем, что перед ним ставится наклонная черта:

</имя_тега>

Атрибуты тега записываются в следующем формате:

имя[="значение"]

Кавычки при задании значения аргумента не обязательны и могут быть опущены. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.

Действие любого парного тега начинается с того места, где встретился открывающий тег и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, - элементом.

Последовательность символов, составляющая текст, может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например, +, #, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсенд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

К специальным символам можно отнести и неразрывный пробел. Использование этого символа - один из способов увеличить расстояние между некоторыми словами в тексте. Обычные пробелы использовать для этих целей нельзя, так как группа подряд идущих пробелов интерпретируется браузером как один.

Каждая из таких зарезервированных последовательностей начинается символом амперсенда (&) и заканчивается точкой с запятой (;).

Последовательность Символ
< символ <
> символ >
& символ &
" символ " (кавычка)
  неразрывный пробел

Структура HTML-документа

Самым главным из тегов HTML является одноименный тег - <HTML>. Он должен всегда открывать ваш документ, так же, как тег </HTML> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

Закрывающий тег так же важен, как и открывающий. Если, например, документ включен в электронное письмо, тег </HTML> дает команду программе просмотра прекратить интерпретацию текста, как HTML-кода.

HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке:

<HTML>
  <HEAD>
       ...
  </HEAD>

  <BODY>
       ...
  </BODY>
</HTML>

В HTML-документ можно включать комментарии, позволяющие скрыть часть текста от браузера. Все, что заключено между последовательностями символов <!- и ->, при просмотре страницы остается невидимым. Комментарии не могут быть вложенными друг в друга.

Заголовок документа

Включение в документ заголовочной части не является обязательным. Задачей заголовка является представление необходимой информации для браузера и сервера HTTP. Информация, размещенная внутри заголовка документа, обычно не выводится на экран (кроме названия документа).

Заголовок документа открывается тегом <HЕAD>, который обычно следует сразу же за тегом <HTML>. Закрывающий тег </HEAD> показывает конец этого раздела, между ними располагаются остальные теги заголовка документа.

Чаще всего в заголовок документа включают парный тег <TITLE> . .. </TITLE>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документа

В отличии от заголовка, тело документа является обязательным элементом, так как в нем располагается весь материал вашего документа (есть только одно исключение, с которым мы познакомимся далее, - когда документ содержит вместо тела группу фреймов). Тело документа размещается между тегами <BODY> и </BODY>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML, позволяющими корректно отображать страницу на экране монитора.

Тег <BODY> не только обозначает начало содержимого документа, но и задает его основные свойства: цвет фона, текста и многое другое. Эти свойства определяются с помощью атрибутов, которые приведены в таблице.

Атрибут Назначение
ALINK Определяет цвет активной ссылки
BACKGROUND Указывает на URL-адрес изображения, которое используется в качестве фонового
BGCOLOR Определяет цвет фона документа
LINK Определяет цвет непосещенной ссылки
ТЕХТ Определяет цвет текста
VLINK Определяет цвет посещенной ссылки

Пример


<HTML>  
 <HEAD>  
  <TITLE>Моя страничка</TITLE>  
 </HEAD>  
 <BODY  TEXT=red BGCOLOR=white>  
 Тело <!- Это комментарий -> документа  
 </BODY>  
</HTML>

Структура HTML файла

Типичный HTML файл представляет собой текстовый файл с набором тегов. Теги - это особые команды, которые помогают браузеру отображать страницу. Благодаря тегам браузер понимает, в каком месте текст должен быть выделен жирным или курсивом, какой заголовок будет у страницы и как отображать таблицу. Их содержание не будет отображаться на странице браузера. Далее будут рассмотрены примеры содержания HTML файлов. Если вы не знаете, как создать HTML файл, то посмотрите статью "Как создать HTML файл". Существует большое количество тегов, часть из которых мы постараемся разобрать в курсе.

Рассмотрим пример упрощённого HTML файла, страницы сайта:

<!DOCTYPE html>
<html>
   <head>
      Свойства страницы, правила отображения, стили, скрипты, подключаемые файлы
   </head>
   <body>
      Содержание страницы
   </body>
</html>
Всё, что написано латиницей и заключено в скобки < > - это теги. Разберём пример по сторкам:

<!DOCTYPE html> - эта строчка говорит о том, что документ является html файлом. Следовательно, браузер сможет показать его как html страницу.

<html> ... </html> - это парный тег (у него есть открывающая часть <html> и закрывающая </html>, которые различаются наличием слеша "/"). Внутри него заключено всё тело html документа.

<head> ... </head> - всё, что находится внутри этого тега не выводится на экран. Но в нём содержится важная информация, которая поможет браузеру правильно показать страницу. К примеру, в этом теге могут находиться указание кодировки и языка страницы, правила отображения, стили и скрипты.

<body> ... </body> - этот тег, внутри которого находится отображаемая область страницы.

Пример html страницы

Теперь разберём усложнённый пример html страницы, в котором будут добавлены несколько дополнительных тегов относительно предыдущего примера:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Про мышей</title>
</head>
<body> Тише, мыши, кот на крыше,<br>
а котята ещё выше. <br>
Кот пошёл за молоком,<br>
а котята кувырком.<br>
Кот пришёл без молока,<br>
а котята ха-ха-ха. </body>
</html>
Относительно предыдущего примера в новом появилось несколько изменений: во второй строке стоит <html lang="ru">. У этого тега появился атрибут lang="ru". Обратите внимание, что атрибут ставится внутри скобок тега < >. Как можно догадаться из названия, он указывает на то, что страница использует русский язык. Современные браузеры практически все могут безошибочно определить язык, поэтому в этом атрибуте нет особой необходимости, но привели его в качестве примера атрибута, которым может обладать тег.

Второе изменение касается содержания тега <head> ... </head>. Здесь в первой строчке появилось указание на кодировку текста <meta charset="utf-8">. Тег "meta" называется метатегом.

Если сохранить html файл с одной кодировкой, а в "meta" написать другую, то все буквы в документе будут отображаться браузером как непонятные значки.

В блоке <head> ... </head> также появилась строчка <title>Про мышей</title>. Этот тег указывает, какой заголовок будет у страницы браузера (у вкладки).

Внутри тега <body> ... </body> появился текст стихотвориения. Каждая строчка этого стиха заканчивается на тег <br>, который говорит браузеру о том, что должна начаться новая строка. Если убрать все теги <br>, то браузер отобразит стихотворение как одну длинную строку без переносов. Обратите внимание, что тег <br> не имеет закрывающей пары по аналогии с <body> ... </body> или <head> ... </head>.

Ради практики создайте файл на своём компьютере с любым названием и расширением ".html". К примеру, "page.html". Затем откройте его любым текстовым редактором и вставьте в него код из примера выше. Сохраните файл. Кликните на файл два раза и он откроется в браузере. Теперь измените что-либо в файле, сохраните и перезагрузите страницу в браузере.

Комментарии в HTML коде

Существует способ оставлять комментарии в HTML коде. Они могут быть полезными для разработчика. К примеру, комментарии о том, что необходимо доделать на сайте. Эти комментарии не видны обычным пользователям на странице браузера, но видны в HTML коде. Задать комментарий можно через такую конструкцию: <!-- текст_комментария -->. Пример комментариев:
<!DOCTYPE html>
<html>
<head>
<!-- Комментарий в разделе head -->
</head>
<!-- Комментарий между блоками head и body-->
<body>
<!-- Комментарий в теле страницы -->
</body>
</html>
Комментарий может находиться в любой части сайта.

Комментировать можно всё, включая теги. Можно скрывать целые части страниц - ограничений нет.

Разметка страницы HTML - с примерами

Перейти к содержанию
  • Как создать
    • Landing Page
    • Интернет-Магазин
    • сайт визитку
    • Блог
    • Портал
    • Форум
    • Сайт для учителя
    • Чат
  • Обзоры
    • Конструкторы сайтов
    • SMM Сервисы
    • Email Сервисы
    • CMS Систем
  • SEO продвижение и реклама
    • SEO Продвижение
    • Email маркетинг
    • SMM Маркетинг
    • Медийная реклама
    • Контекстная реклама
    • Наружная реклама
    • Ретаргетинг
  • Рейтинги
    • Конструкторы сайтов
      • Конструкторы интернет магазина
      • Конструкторы Landing Page
      • Конструкторы Порталов
      • Конструкторы сайтов визиток
    • SMM сервисы
      • Сервисы продвижения Вконтакте
        • Накрутка подписчиков
        • Накрутка лайков
        • Накрутка друзей
        • Накрутка сообщений
        • Накрутка комментариев
      • Сервисы продвижения в Инстаграм
        • Накрутка подписчиков
        • Накрутка лайков
        • Накрутка комментариев
        • Накрутка директа
      • Сервисы продвижения в YouTube
        • Накрутка просмотров
        • Накрутка подписчиков
        • Накрутка лайков
        • Накрутка комментариев
      • Сервисы продвижения Фейсбук
        • Накрутка друзей
        • Накрутка лайков
        • Накрутка подписчиков
        • Накрутка комментариев
      • Сервисы продвижения в Одноклассниках
        • Накрутка лайков
        • Накрутка подписчиков
        • Накрутка комментариев
      • Сервисы продвижения в Twitter
        • Накрутка фалловеров
        • Накрутка репостов
      • Сервисы продвижения в Google Plus
    • CMS системы
      • Бесплатные CMS
    • E-mail сервисы
  • HTML Шаблоны
  • Уроки верстки сайтов
    • html
    • CSS
    • JavaScript
    • bootstrap

это язык «разметки» текстового документа тегами.

HTML — HyperText Markup Language — «язык гипертекстовой разметки», и он является наиболее широко используемым языком для написания веб-страниц.

  • Гипертекст понимается способ, в котором веб-страницы (HTML-документы) связаны между собой. Таким образом, ссылка, доступная на веб-странице, называется Гипертекстом.
  • Как следует из названия, HTML — это язык разметки, который означает, что HTML используется для «разметки» текстового документа тегами, которые сообщают веб-браузеру, как его структурировать для отображения.

Первоначально, HTML был разработан с целью определения структуры документов, таких как заголовки, абзацы, списки и т.д., чтобы облегчить обмен научной информацией между исследователями.
Теперь HTML широко используется для форматирования веб-страниц с помощью различных тегов, доступных на языке HTML.
Базовый документ HTML
В простейшей форме ниже приведен пример HTML документа :

<!DOCTYPE html> <html> <head> <title>Заголовок документаe</title> </head> <body> <h2>Это заголовок документа</h2> <p>Содержание документа. ....</p> </body> </html>

<!DOCTYPE html>

<html>

   <head>

      <title>Заголовок документаe</title>

   </head>

   <body>

      <h2>Это заголовок документа</h2>

      <p>Содержание документа.....</p>

   </body>

</html>

Теги HTML
Как было сказано ранее, HTML является языком разметки и использует различные теги для форматирования содержимого. Эти теги заключены в угловые скобки <Tag Name>. За исключением нескольких тегов, большинство тегов имеют соответствующие закрывающие теги. Например, <html> имеет закрывающий тег </html> и <body> тег имеет закрывающий тег </body> и т. д.

Тег & описание
1 <!DOCTYPE…>

Этот тег определяет тип документа и версию HTML.

2 <html>

Этот тег заключает полный документ HTML и состоит из заголовка документа, который представлен тегом

… и телом документа, которое представлено тегом …
3 <head>

Этот тег представляет Заголовок документа, который может содержать другие теги HTML, такие как <title>, <link> и т.д.

4 <title>

Тег <title> используется внутри тега <head> для обозначения заголовка документа.

5 <body>

Этот тег представляет тело документа, который держит другие теги HTML, такие как <h2>, <div>, <p> и т.д.

6 <h2>

Этот тег представляет Заголовок.

7 <p>

Этот тег представляет абзац.

Консорциум World Wide Web (W3C) рекомендует использовать теги в Нижнем регистре, начиная с HTML 4.

Структура документа HTML
Типичный документ HTML будет иметь следующую структуру:

<html> <head> Document header related tags </head> <body> Document body related tags </body> </html>

<html>

    <head>

      Document header related tags

   </head>  

   <body>

      Document body related tags

   </body>  

</html>

В далее будут более подробно рассмотрены и описаны HTML-Теги.
Другие страницы:

Что такое HTML


HTML означает H yper T ext M arkup L anguage

HTML - это стандартный язык разметки для веб-страниц

HTML элементов являются строительными блоками HTML-страниц

HTML-элементов представлены тегами <>


Элементы HTML

Элемент HTML - это начальный тег и конечный тег с промежуточным содержанием:

Это заголовок


Начальный тег Содержание элемента Торцевая метка

Это товарная позиция

Это абзац.


HTML-атрибуты

  • HTML-элементы могут иметь атрибутов
  • Атрибуты предоставляют дополнительной информации об элементе
  • Атрибуты представлены парами имя / значение, например charset = "utf-8"

Простой HTML-документ


Заголовок страницы


Это заголовок


Это абзац.


Это другой абзац.


Попробуйте сами »

Объяснение примера

HTML-элементов являются строительными блоками HTML-страниц.

  • Объявление определяет этот документ как HTML5
  • Элемент является корневым элементом HTML стр.
  • Атрибут lang определяет язык документа
  • Элемент содержит метаинформацию о документе
  • Атрибут charset определяет набор символов, используемый в документе
  • Элемент </code> определяет заголовок документа </li> <li> Элемент <code> <body> </code> содержит видимое содержимое страницы </li> <li> Элемент <code> <h2><span class="ez-toc-section" id="_HTML-_HTML_HTML_HTML-_HTML_HTML-_HTML"> </code> определяет большой заголовок </li> <li> Элемент <code> <p> </code> определяет абзац </li> </ul> <hr/> <h3> HTML-документы </h3> <p> Все документы HTML должны начинаться с объявления типа документа: <code> <! DOCTYPE html> </code>.<img src='/800/600/https/cf2.ppt-online.org/files2/slide/j/JL8VCYxShrp32fgWuBZymqaK5HdGIQRFzcMv4w9Xej/slide-7.jpg' /> </p> <p> Сам документ HTML начинается с <code> <html> </code> и заканчивается <code> </html> </code>. </p> <p> Видимая часть HTML-документа находится между <code> <body> </code> и <code> </body> </code>. </p> <hr/> <h3> Структура документа HTML </h3> <p> Ниже представлена ​​визуализация HTML-документа (HTML-страницы): </p> <p> <title> Заголовок страницы

    Это заголовок

    Это абзац.

    Это еще один абзац.

    Примечание. В браузере отображается только содержимое раздела (белая область выше).


    HTML-заголовков

    Заголовки

    HTML определяются тегами от

    до
    .

    определяет наиболее важный заголовок.
    определяет наименее важные заголовок:

    Пример

    Это заголовок 1


    Это заголовок 2


    Это заголовок 3

    Попробуй сам "

    HTML абзацы

    абзацев HTML определяются тегами

    :


    HTML ссылки

    HTML-ссылки определяются тегами :

    Назначение ссылки указано в атрибуте href .


    HTML изображений

    HTML-изображений определяются тегами .

    Исходный файл ( src ), альтернативный текст ( alt ), ширина и высота предоставляются как атрибуты:

    Пример

    W3Schools Попробуй сам "


    HTML-кнопки

    HTML-кнопки определяются тегами