HTML1: понимание веб-страниц с помощью HTML | Чарльз Уэсли | Октябрь 2025 г.

Нажмите Enter или нажмите, чтобы просмотреть изображение в полном размере

1.1 Введение в HTML

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

1.2 Основы HTML 1

1.2.1 Заголовки, заголовки и базовое форматирование

1.2.1.1 Заголовки и базовое форматирование

Английское слово для названия — «head», поэтому его тег — «`. `

Важно отметить, что код HTML работает совсем не так, как код Python, Java и C. Python, Java и C — это серверные языки, а HTML — это интерфейс, то есть веб-страница, которую вы видите. Следовательно, VSCode не может анализировать этот код, как браузер, поэтому его запуск сильно отличается от Python. Шаги для его запуска: 1. Сохраните свой код; 2. Найдите файл, соответствующий коду; 3. Откройте его в браузере.

github

some projects

computer-science-notes

Front-end technology

html

Сначала вам нужно написать “, что указывает на то, что код находится в HTML. Не забудьте включить “ (он появится автоматически в VS Code).

Здесь `h1`, `h2` и т. д. все должны появляться парами.

Сначала вам нужно написать “, что указывает на то, что код находится в HTML. Не забудьте включить “ (он появится автоматически в VS Code).

Здесь `h1`, `h2` и т. д. все должны появляться парами.

Нажмите Enter или нажмите, чтобы просмотреть изображение в полном размере

Это распределение размеров заголовков.

HTML-код выше обычно отображается парами. Хотя большая часть HTML встречается парами, есть исключения. Например, `

---

`ниже добавляется разделительная линия.

github


some projects 

computer-science-notes

front-end tech

html

Нажмите Enter или нажмите, чтобы просмотреть изображение в полном размере

1.2.1.2 Заголовок

Заголовок относится к имени открытой вкладки, например:

Как реализовать это на веб-странице? Используйте `

---

github

---

some projects

computer-science-notes

front-end tech

html

Глава здесь изменен на Чарльза Уэсли.

1.2.2 Параграфы

Английское слово «абзац» — «абзац», поэтому в HTML тег имеет вид

. Будьте осторожны, не забудьте своего «брата»

(нужна двунаправленность).

update blog on Medium github


github


some projects

computer-science-notes

front-end tech

html

Нажмите Enter или нажмите, чтобы просмотреть изображение в полном размере

Под основным заголовком я добавил строчку о себе.

Если вам нужно обернуть абзац и не хотите, чтобы каждая строка была слишком длинной и некрасивой, вы можете использовать `
`чтобы разделить абзацы. Как `

---

`, `
` немного отличается; оно появляется независимо.

update blog on
Medium
github


github


some projects

computer-science-notes

front-end tech

html

Нажмите Enter или нажмите, чтобы просмотреть изображение в полном размере

CSDN и GitHub имеют перенос строк, в этом и заключается цель `
`.