Язык HTML. Верстка страниц
Язык HTML – это основа web-сайтов, с его помощью создается каркас страницы, которая отображается в браузере. Html — что это? Hyper Text Markup Language — это язык разметки документа во всемирной паутине. Для создания Web-страниц используются простейшие текстовые редакторы (например Блокнот). Страницы сайтов - это набор текстовых файлов, размеченных на языке HTML. Эти файлы понимаются и обрабатываются браузером и выводятся на средство отображения пользователя. Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображённые страницы можно изменить добавлением стилей или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.
В книге есть название всей книги (по сути самый главный заголовок), есть названия глав, параграфов в этих главах и так далее. Заголовки, абзацы и другие блоки можно выделить и на странице сайта. Это делается с помощью HTML тегов. HTML теги - это специальные команды для браузера. Они говорят ему, что, к примеру, следует считать заголовком страницы, а что абзацем. Теги строятся по такому принципу: уголок <, потом имя тега, а потом уголок>. Имя тега может состоять из английских букв и цифр. Теги обычно пишутся парами - открывающий тег и соответствующий ему закрывающий. Такая пара тегов называется контейнером. Разница между открывающим и закрывающим тегами в том, что в закрывающем теге после уголка < стоит слеш/. Для отображения текста в виде таблиц, для вывода видео, картинок, для создания форм и медиа существует достаточное количество тегов.
Страница сайта - это обычный текстовый файл. Он может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном (Notepad++, VisualStudioCode). HTML-документ – обычный текстовый документ с расширением .html. Внутри этого файла и хранится текст HTML- страницы вместе с тегами. Кроме того, перед тегом html обычно пишется конструкция doctype, которая указывает версию языка HTML, на которой сделан сайт.
HTML-документ обязательно должен иметь следующие теги:
- тег html, который должен содержать в себе текст всего сайта (все, что написано вне этого тега, браузером будет проигнорировано);
- внутри тега html должны быть еще два тега: тег head для служебного содержимого страницы и тег body - для основного текста, который и виден на экране браузера.
- В служебное содержимое, которое располагается внутри тега head, могут входить много различных тегов, но основными являются только два из них. Это тег title, задающий название страницы, которое будет видно во вкладке браузера, и тег meta, который задает кодировку страницы (она ставится в атрибуте charset и обычно имеет значение utf-8).