Основы языка разметки HTML
💻 Информатика · 7 класс
Что такое HTML
Язык HTML — это язык разметки гипертекста, на котором создаются веб-страницы. С его помощью задают структуру документа: где заголовок, где абзац, где список, где ссылка, где картинка. Браузер читает эту разметку и показывает готовую страницу пользователю.
Важно понимать, что HTML не является языком программирования. Он ничего не вычисляет и не управляет ходом работы, а только размечает содержимое, объясняя браузеру, как его показать. Поэтому HTML называют именно языком разметки.
Что такое тег
Тег — это команда разметки, заключённая в угловые скобки. Большинство тегов парные: есть открывающий и закрывающий. Содержимое размещается между ними:
<p>Это абзац текста.</p>
Закрывающий тег отличается косой чертой: </p>. Браузер понимает, что всё, что находится между открывающим и закрывающим тегами, является одним абзацем, и оформляет его соответственно.
Основные теги
| Тег | Назначение |
|---|---|
<h1> | главный заголовок страницы |
<p> | абзац текста |
<ul>, <li> | список и его пункты |
<a> | гиперссылка на другую страницу |
Теги заголовков идут по уровням от <h1> до <h6>: чем меньше номер, тем крупнее и важнее заголовок. Это помогает выстроить понятную структуру документа.
Простая страница
Любая страница имеет общую структуру: заголовочную часть и тело документа. Их задают парными тегами:
<html>
<head> служебные сведения </head>
<body> видимое содержимое </body>
</html>
В части head размещают служебные сведения, например название вкладки браузера. В части body находится всё то, что видит пользователь: тексты, картинки, ссылки.
Частая ошибка. Часто забывают закрывать парный тег. Тогда браузер «не понимает», где заканчивается элемент, и страница отображается неправильно. Поэтому каждый открытый тег нужно обязательно закрыть.
Зачем знать основы HTML
- понимать, как устроены сайты в интернете;
- создавать простые веб-страницы самостоятельно;
- исправлять и улучшать разметку готового текста.
Даже базовых знаний достаточно, чтобы сделать простую страницу с заголовком, абзацами и ссылками и открыть её в браузере. Файл с разметкой сохраняют с расширением имени, по которому браузер понимает, что это веб-страница, и открывает её для просмотра. Так из обычного текста с тегами получается настоящая страница сайта, которую можно показать другим людям в интернете.
Кратко о главном
- HTML — язык разметки структуры веб-страниц, а не язык программирования.
- Теги задают элементы: заголовки, абзацы, списки, ссылки.
- Большинство тегов парные и требуют закрытия.
- Страница состоит из частей
headиbody. - Базовых знаний хватает, чтобы создать простую страницу.