Что такое HTML?

Введение в HTML

HTML (HyperText Markup Language) — это основной язык разметки, используемый для создания и структурирования веб-страниц. Он задает структуру веб-документа, используя различные элементы и теги, которые позволяют добавлять текст, изображения, ссылки и другие элементы на веб-страницу.

Основные понятия

Давайте рассмотрим основные понятия, которые вам необходимо знать для работы с HTML:

1. Гипертекст (HyperText)

Гипертекст — это текст, который содержит ссылки (гиперссылки) на другие тексты. В контексте HTML гипертекст позволяет пользователям переходить с одной веб-страницы на другую.

2. Язык разметки (Markup Language)

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

Основные элементы HTML

HTML-документ состоит из элементов, каждый из которых имеет определенную функцию. Основные элементы включают:

1. Теги

Теги являются основным строительным блоком HTML. Они обрамляют контент и определяют, как он будет отображаться. Теги заключаются в угловые скобки <> и обычно имеют открывающий тег и закрывающий тег.

<p>Текст абзаца</p>

2. Атрибуты

Атрибуты предоставляют дополнительную информацию о теге и располагаются внутри открывающего тега. Например, атрибут href используется в теге ссылки <a>, чтобы указать URL, на который будет вести ссылка.

<a href="https://example.com">Перейти на сайт</a>

3. Элементы

Элемент — это комбинация открывающего тега, контента и закрывающего тега. Например, элемент абзаца <p>Текст</p>.

Примеры простых HTML-документов

Давайте рассмотрим пример простого HTML-документа:

<!DOCTYPE html>
<html>
<head>
    <title>Моя первая веб-страница</title>
</head>
<body>
    <h1>Добро пожаловать на мой сайт</h1>
    <p>Это мой первый сайт, созданный с использованием HTML.</p>
    <a href="https://example.com">Перейти на другой сайт</a>
</body>
</html>

В этом примере:

<!DOCTYPE html> — декларация документа, которая указывает браузеру, что это HTML5-документ.
<html> — корневой элемент, который обрамляет весь HTML-документ.
<head> — содержит метаданные документа, такие как его заголовок.
<title> — отображает заголовок в строке заголовка браузера.
<body> — содержит основной контент страницы, который виден пользователю.
<h1> — заголовок первого уровня.
<p> — текст абзаца.
<a> — гиперссылка.

Заключение

Этот урок дал вам представление о том, что такое HTML, как он работает, и как используются его основные элементы. В следующем уроке мы углубимся в структуру HTML-документа и рассмотрим, как организовать содержимое страницы.

Домашнее задание: Создайте простой HTML-документ, используя примеры из этого урока, и попробуйте изменить текст, ссылки и заголовки на свои собственные.