Язык разметки HTML
Степень завершённости урока: 60%
HTML (Hypertext Markup Language) - это язык гипертекстовой разметки, используемый для отображения содержимого веб-страницы. HTML-файлы имеют расширение htm или html. Браузер читает структуру веб-страницы, после чего показывает содержимое веб-страницы.
Особенности языка разметки HTML:
названия файлов: в целях безопасности и удобства использования для имён HTML-файлов рекомендуется использовать маленькие латинские буквы a-z, символ подчёркивания _ и дефис -
НЕ РЕКОМЕНДУЕТСЯ использовать в названиях файлов пробелы;
теги: каждый HTML-файл обязательно содержит одиночные и/или парные теги разметки. Парные теги размещаются между левой < и правой > угловыми скобками.
<p>Текст между парными тегами</p>
атрибуты тегов: некоторые теги (например, <img>) могут содержать атрибуты - дополнительные параметры для настройки. Атрибуты отделяются от тегов пробелом и состоят из двух частей, разделённых знаком "=". Слева от знака равно указывается название атрибута, а справа в кавычках - значение этого атрибута. Кавычки могут быть как двойными, так и одинарными. Главное, чтобы они были одинаковыми. Пример тега с атрибутом размещён ниже.
<img src="photo.jpg">
<img src="photo.jpg" Alt="Красивая фотография">
комментарии: для вставки комментария вставьте левую угловую скобку, далее восклицательный знак и два дефиса. После чего следует текст самого комментария. В конце ставится два дефиса и правая угловая скобка.
<!-- Это мой комментарий-->
пробелы: по умолчанию браузеры показывают не более одного пробела, т.е. текст с одним пробелом и с тремя на экране будет выглядеть одинаково. Если вы хотите использовать несколько пробелов, тогда необходимо использовать тег <pre>.
расширение файлов: HTML-документы имеют расширение .html или .htm (во втором случае убрана буква "l", "language") При необходимости расширение .html или .htm можно изменить на .php, однако это приведёт к небольшому увеличению нагрузки на сервер и чуть-чуть снизится скорость отдачи страницы сервером.
Первая строчка любого HTML-документа состоит из объявления типа документа (по-английски DOCTYPE, Document Type Declaration или DTD). В этом уроке я буду использовать слово DOCTYPE, т.к. оно является частью стандарта.
В HTML 4-й версии необходимо использовать один из трёх вариантов DOCTYPE:
- строгий
- переходный
- с фреймами
Фавиконки (иконки, которые отображаются во вкладке браузера перед названием страницы) размещаются между тегами <head> и </head>.
При необходимости правильность HTML-разметки можно проверить на специальных сайтах, например, W3C Markup Validation Service.
(по состоянию на 26 февраля 2023 года)
Страница обновлена 26 февраля 2023 года.