Знакомство с HTML
Что такое HTML – это язык разметки документов. Он применяется во всем мире. Браузер интерпретирует код HTML для отображения его на компьютере, планшете или телефоне. Язык HTML был разработан британцем Тимом Бернерсом-Ли, в ЦЕРНе. В первую очередь язык HTML предназначался для обмена научными документами. Верстка документов происходит при помощи специальных дескрипторов (но чаще всего их называют тегами, это слово, думаю, многим знакомо). Если ответить проще на вопрос: «Что такое HTML документ?» - это простой текст, содержащий много тегов, который образует веб-страницу.
Было множество версий HTML, но я не хочу в них вдаваться. На данный момент самая последняя версия – HTML5. Первая бета версия HTML5 появилась осенью 2007 года. Для упрощения и удобства было введено понятие «гипертекст». Гиперссылка (или просто ссылка), является частью гипертекста, и она ссылается на другой HTML документ.
HTML был построен так, что страницы отображались на всех устройствах одинаково. Позже добавили графическое оформление (CSS).
Думаю, вы поняли, что такое язык HTML. Как говорилось выше – этот язык полностью состоит из дескрипторов (тегов). У любой веб страницы есть начало и конец, они обозначаются парным тегом . Рассмотрим простой HTML документ:
Код HTML
Заголовок сайта
Заголовок первого уровня
Абзац
Как вы видите, HTML документ начинается с - каждая веб страница должна начинаться именно с него. Раньше было огромное количество вариантов тега DOCTYPE, но в соответствии с новой версией HTML, нужен только этот !DOCTYPE, который в примере. Что такое DOCTYPE? Это тег, который сообщает браузеру версию HTML. Этот тег должен быть написан на первой строчке HTML документа.
После идет парный тег . Этот тег является контейнером веб страницы, то есть до него и после него ничего не должно быть.
В парном теге пишется обязательный тег
. В теге тайтл пишется заголовок страницы, который отображается в выдаче поисковика и во вкладке браузера. В контейнере обычно находятся различные мета-теги и подключаются стили и скрипты, больше он не для чего не нужен.
Весь текст, графика и прочий код должен находиться внутри тегов . В данном примере HTML документа создан заголовок первого уровня и абзац. Обратите внимание, что они находятся внутри тега . В данном уроке не буду разбирать еще подробнее код, так как его предназначение ответить на вопрос: «Что такое HTML?».