Быстрый старт

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

HTML документ имеет свою структуру, специальные секции где храниться информация. Рассмотрим пустой HTML документ:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
 
</body>
</html>

Строка <html> называется тегом. Вообще, все, что заключено в символы <> называется тегом. Данные символы — служебные в языке HTML. Теги бывают двух видов:

  • Парные — данные теги имеют закрывающийся тег, который содержит знак наклонной черты. Между данными тегами вписываются слова и другие теги. Примеры парных тегов:<html></html>
  • Непарные — теги, которые не закрываются. Пример: <br>
Теги можно писать большими и малыми буквами, поскольку HTML не различает написание. Закрывать парные теги нужно всегда!

Давайте разберем структуру HTML документа:

  • <HTML></HTML> — все содержимое страницы заключено между данными парными тегами
  • <!DOCTYPE html> — версия HTML которая используется в данной странице. В данном случае это версия HTML5
  • <head></head> — служебная секция, которая используется для подключения внешних файлов, и установок отвечающих за вид, вывод и работу данной страницы. Содержимое ее, чаще всего, не отображается на странице, кроме тега title. Тег title — содержит заголовок страницы, который отображается во вкладке
  • <body></body> — все что отображается на странице пишется в теге body
Для расширения функционала Html в тегах добавляют специальную информацию, которая называется атрибутами. Так в строке
1
   <meta charset="UTF-8" />
charset="UTF-8" — атрибут. Атрибутов может быть много. Атрибуты пишутся через пробел.

Вопросы для самоконтроля

  1. Что такое гипертекст?
  2. В чем состоит необходимость использования HTML?
  3. Что такое кодировка страницы? Зачем она применяется? Где в браузере можно поменять кодировку?
  4. Какие виды атрибутов вам известны?
  5. Что такое теги? Чем они отличаются от атрибутов?
  6. Какие теги обязательно должна содержать HTML страница?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *