Язык разметки HTML


      

Язык разметки HTML

Степень завершённости урока: 60%   

HTML (Hypertext Markup Language) - это язык гипертекстовой разметки, используемый для отображения содержимого веб-страницы. HTML-файлы имеют расширение htm или html. Браузер читает структуру веб-страницы, после чего показывает содержимое веб-страницы.

Особенности языка разметки HTML:

  1. названия файлов: в целях безопасности и удобства использования для имён HTML-файлов рекомендуется использовать маленькие латинские буквы a-z, символ подчёркивания _ и дефис -

  2. НЕ РЕКОМЕНДУЕТСЯ использовать в названиях файлов пробелы;

  3. теги: каждый HTML-файл обязательно содержит одиночные и/или парные теги разметки. Парные теги размещаются между левой < и правой > угловыми скобками.

  4. КОД:
    <p>Текст между парными тегами</p>

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

    Некоторые парные теги (например,<body> и </body>) выступают в роли контейнера, т.к. в них помещаются другие парные и одиночные теги. Мы поговорим об этом более подробно в практической части нашего урока.

    К одиночным тегам относится тег <img>, который используется для вставки изображений.
  5. атрибуты тегов: некоторые теги (например, <img>) могут содержать атрибуты - дополнительные параметры для настройки. Атрибуты отделяются от тегов пробелом и состоят из двух частей, разделённых знаком "=". Слева от знака равно указывается название атрибута, а справа в кавычках - значение этого атрибута. Кавычки могут быть как двойными, так и одинарными. Главное, чтобы они были одинаковыми. Пример тега с атрибутом размещён ниже.

  6. КОД:
    <img src="photo.jpg">


    Атрибутов может быть несколько

    КОД:
    <img src="photo.jpg" Alt="Красивая фотография">

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

  8. КОД:
    <!-- Это мой комментарий-->

  9. пробелы: по умолчанию браузеры показывают не более одного пробела, т.е. текст с одним пробелом и с тремя на экране будет выглядеть одинаково. Если вы хотите использовать несколько пробелов, тогда необходимо использовать тег <pre>.

  10. расширение файлов: 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.

   https://validator.w3.org   (по состоянию на 26 февраля 2023 года)


      

Страница обновлена 26 февраля 2023 года.