Основа сайта html код: Шаблон сайта на чистом HTML. Готовый код сайта

Содержание

Разбираем HTML документ — Как создать сайт

Разбираем код HTML-документа

Урок №3
Разбираем HTML код

Давайте разберём, что означает каждая часть нашего кода HTML-документа, введённого в Блокнот на прошлом уроке:

<html>
 <head>
  <title>Название страницы</title>
 </head>
 <body>
  <h2>Заголовок статьи</h2>
  <p>
   Абзац статьи.</p>
 </body>
</html>

Но для начала узнаем, что такое HTML-тег или просто «тег»?

Тег — основа языка HTML

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

<p> — это один из множества, различных HTML-тегов, означает абзац.

Теги бывают открывающими и закрывающими. У закрывающих тегов перед именем стоит косая черта (слэш) /

<p> — открывающий тег.
</p> — закрывающий тег.

Между открывающим и закрывающим тегами, обычно располагается текст или другие теги.

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

Рассмотрим другие теги используемые в нашем HTML коде.

Теги <html> </html> — начало и конец HTML-документа

Возвращаемся к нашему HTML документу:

<html>
 <head>
  <title>Название страницы</title>
 </head>
 <body>
  <h2>Заголовок статьи</h2>
  <p>
   Абзац статьи.</p>
 </body>
</html>

Каждый HTML-документ начинается с открывающегося тега <html> и заканчивается закрывающимся тегом </html>

Теги <head> </head> и <body> </body> — голова и тело HTML-документа

Между тегами

<html> </html> располагаются два блока.

1. Первый блок начинается и заканчивается тегами <head> </head> — их называют головой HTML-документа.
2. Второй блок начинается и заканчивается тегами <body> </body> — их называют телом HTML-документа.

<html>
 <head>
  <title>Название страницы</title>
 </head>
 <body>
  <h2>Заголовок статьи</h2>
  <p>
   Абзац статьи.</p>
 </body>
</html>

1. <head> </head> — голова HTML-документа.
2. <body> </body> — тело HTML-документа, между этими тегами располагается основная информация страницы: заголовки, абзацы, фотографии, ссылки, кнопки и т.д.

Теги <title> </title> — название HTML-страницы


 <html>
 <head>
  <title>Название страницы</title>
 </head>
 <body>
  <h2>Заголовок статьи</h2>
  <p>
   Абзац статьи. </p>
 </body>
</html>

В голове между тегами <head> </head>, располагаются теги
<title> </title>. Между тегами <title> </title> помещают текст, который выступает в качестве названия страницы.

В нашем примере, между тегами <title> </title>, находится текст:
Название страницы

Текст помещённый между тегами <title> </title> появляется в двух местах, в виде названия окна браузера и в виде названия вкладки браузера:

Название страницы, которую вы сейчас читаете, содержит следующий текст:

Разбираем код HTML-документа. Выясняем что такое тег.

Теги <h2> </h2> и <p> </p> — заголовок и абзац статьи

<html>
 <head>
  <title>Название страницы</title>
 </head>
 <body>
  <h2>Заголовок статьи</h2>
  <p>
   Абзац статьи. </p>
 </body>
</html>

В теле нашего HTML-документа, между тегами <body> </body>, располагаются два вида тегов:
<h2> </h2> — теги заголовока статьи,
<p> </p> — теги абзаца статьи.

<h2> </h2> — между этими тегами располагается текст, который является заголовком статьи.
Например, текст заголовока статьи, которую вы сейчас читаете содержит следующее:
Разбираем HTML код

<p>

</p> — между этими тегами располагается текст, который является абзацем статьи.
Например, второй абзац статьи, которую вы сейчас читаете, содержит следующее:
Но для начала узнаем, что такое HTML-тег или просто «тег»?

Обобщаем материал по структуре HTML-документа:

Каждый HTML-документ начинается и заканчивается тегами <html> </html> Каждый HTML-документ состоит из двух блоков, головы и тела:
1. <head> </head> — голова HTML-документа,
2. <body> </body> — тело HTML-документа.

В голове HTML-документа между тегами <head> </head>, располагаются теги <title> </title> и некоторая служебная информация о странице (мета-теги), которую мы изучим чуть позже.

В теле HTML-документа между тегами

<body> </body>, располагается основной контент: тексты, изображения, формы, которые обрамлены тегами заголовков h2, абзацев p, изображений img, ссылок a, кнопок input и т.д.

Читать далее: Добавляем статью в HTML-документ

Category: HTML
Tag: html, разбор кода, учебник html

Дата публикации поста: 3 апреля 2019

Дата обновления поста: 15 октября 2014

Бесплатный хостинг от компании Бегет, для начинающих: beget. com/ru/hosting/free

Выбор, просмотр и настройка невидимых элементов в Dreamweaver

Руководство пользователя Отмена

Поиск

Руководство пользователя Dreamweaver
Введение
1. Основы гибкого веб-дизайна
2. Новые возможности Dreamweaver
3. Веб-разработка с помощью Dreamweaver: обзор
4. Dreamweaver / распространенные вопросы
5. Сочетания клавиш
6. Системные требования Dreamweaver
7. Обзор новых возможностей
Dreamweaver и Creative Cloud
1. Синхронизация настроек Dreamweaver с Creative Cloud
2. Библиотеки Creative Cloud Libraries в Dreamweaver
3. Использование файлов Photoshop в Dreamweaver
4. Работа с Adobe Animate и Dreamweaver
5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
Рабочие среды и представления Dreamweaver
1. Рабочая среда Dreamweaver
2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
3. Поиск файлов по имени или содержимому | Mac OS
Настройка сайтов
1. О сайтах Dreamweaver
2. Настройка локальной версии сайта
3. Подключение к серверу публикации
4. Настройка тестового сервера
5. Импорт и экспорт параметров сайта Dreamweaver
6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
7. Специальные возможности в Dreamweaver
8. Дополнительные настройки
9. Настройка установок сайта для передачи файлов
10. Задание параметров прокси-сервера в Dreamweaver
11. Синхронизация настроек Dreamweaver с Creative Cloud
12. Использование Git в Dreamweaver
Управление файлами
1. Создание и открытие файлов
2. Управление файлами и папками
3. Получение файлов с сервера и размещение их на нем
4. Возврат и извлечение файлов
5. Синхронизация файлов
6. Сравнение файлов
7. Скрытие файлов и папок на сайте Dreamweaver
8. Включение заметок разработчика для сайтов Dreamweaver
9. Предотвращение использования уязвимости Gatekeeper
Макет и оформление
1. Использование средств визуализации для создания макета
2. Об использовании CSS для создания макета страницы
3. Создание динамичных веб-сайтов с помощью Bootstrap
4. Создание и использование медиазапросов в Dreamweaver
5. Представление содержимого в таблицах
6. Цвета
7. Гибкий дизайн с использованием «резиновых» макетов
8. Extract в Dreamweaver
CSS
1. Общие сведения о каскадных таблицах стилей
2. Создание макетов страниц с помощью конструктора CSS
3. Использование препроцессоров CSS в Dreamweaver
4. Установка настроек стиля CSS в Dreamweaver
5. Перемещение правил CSS в Dreamweaver
6. Преобразование встроенного CSS в правило CSS в Dreamweaver
7. Работа с тегами div
8. Применение градиентов к фону
9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
10. Форматирование кода
Содержимое страницы и ресурсы
1. Задание свойств страницы
2. Задание свойств заголовка CSS и свойств ссылки CSS
3. Работа с текстом
4. Поиск и замена текста, тегов и атрибутов
5. Панель DOM
6. Редактирование в режиме интерактивного просмотра
7. Кодировка документов в Dreamweaver
8. Выбор и просмотр элементов в окне документа
9. Задание свойств текста в инспекторе свойств
10. Проверка орфографии на веб-странице
11. Использование горизонтальных линеек в Dreamweaver
12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
13. Работа с ресурсами
14. Вставка и обновление даты в Dreamweaver
15. Создание и управление избранными ресурсами в Dreamweaver
16. Вставка и редактирование изображений в Dreamweaver
17. Добавление мультимедийных объектов
18. Добавление видео Dreamweaver
19. Добавление видео HTML5
20. Вставка файлов SWF
21. Добавление звуковых эффектов
22. Добавление аудио HTML5 в Dreamweaver
23. Работа с элементами библиотеки
24. Использование текста на арабском языке и иврите в Dreamweaver
Создание ссылок и навигация
1. О создании ссылок и навигации
2. Создание ссылок
3. Карты ссылок
4. Устранение неполадок со ссылками
Графические элементы и эффекты jQuery
1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
2. Использование эффектов jQuery в Dreamweaver
Написание кода веб-сайтов
1. О программировании в Dreamweaver
2. Среда написания кода в Dreamweaver
3. Настройка параметров написания кода
4. Настройка цветового оформления кода
5. Написание и редактирование кода
6. Подсказки по коду и автозавершение кода
7. Свертывание и развертывание кода
8. Повторное использование фрагментов кода
9. Анализ Linting для проверки кода
10. Оптимизация кода
11. Редактирование кода в представлении «Дизайн»
12. Работа с содержимым заголовков для страниц
13. Вставка серверных включений в Dreamweaver
14. Использование библиотек тегов в Dreamweaver
15. Импорт пользовательских тегов в Dreamweaver
16. Использование вариантов поведения JavaScript (общие инструкции)
17. Применение встроенных вариантов поведения JavaScript
18. Сведения об XML и XSLT
19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
21. Добавление символьных сущностей для XSLT в Dreamweaver
22. Форматирование кода
Процессы взаимодействия продуктов
1. Установка и использование расширений в Dreamweaver
2. Обновления в Dreamweaver, устанавливаемые через приложение
3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
4. Работа с Fireworks и Dreamweaver
5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
6. Интеграция Dreamweaver с Business Catalyst
7. Создание персонализированных кампаний почтовой рассылки
Шаблоны
1. О шаблонах Dreamweaver
2. Распознавание шаблонов и документов на их основе
3. Создание шаблона Dreamweaver
4. Создание редактируемых областей в шаблонах
5. Создание повторяющихся областей и таблиц в Dreamweaver
6. Использование дополнительных областей в шаблонах
7. Определение редактируемых атрибутов тега в Dreamweaver
8. Создание вложенных шаблонов в Dreamweaver
9. Редактирование, обновление и удаление шаблонов
10. Экспорт и импорт XML-содержимого в Dreamweaver
11. Применение или удаление шаблона из существующего документа
12. Редактирование содержимого в шаблонах Dreamweaver
13. Правила синтаксиса для тегов шаблона в Dreamweaver
14. Настройка предпочтений выделения для областей шаблона
15. Преимущества использования шаблонов в Dreamweaver
Мобильные и многоэкранные устройства
1. Создание медиазапросов
2. Изменение ориентации страницы для мобильных устройств
3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
Динамические сайты, страницы и веб-формы
1. Общие сведения о веб-приложениях
2. Настройка компьютера для разработки приложений
3. Устранение неполадок подключений к базам данных
4. Удаление сценариев подключения в Dreamweaver
5. Дизайн динамических страниц
6. Обзор динамических источников содержимого
7. Определение источников динамического содержимого
8. Добавление динамического содержимого на страницы
9. Изменение динамического содержимого в Dreamweaver
10. Отображение записей баз данных
11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
12. Добавление заказных вариантов поведения сервера в Dreamweaver
13. Создание форм с помощью Dreamweaver
14. Использование форм для сбора информации от пользователей
15. Создание и включение форм ColdFusion в Dreamweaver
16. Создание веб-форм
17. Расширенная поддержка HTML5 для компонентов формы
18. Разработка формы с помощью Dreamweaver
Визуальное построение приложений
1. Создание главной страницы и страницы сведений в Dreamweaver
2. Создание страниц поиска и результатов поиска
3. Создание страницы для вставки записи
4. Создание страницы обновления записи в Dreamweaver
5. Создание страниц удаления записей в Dreamweaver
6. Применение ASP-команд для изменения базы данных в Dreamweaver
7. Создание страницы регистрации
8. Создание страницы входа
9. Создание страницы с доступом только для авторизованных пользователей
10. Защита папок в ColdFusion с помощью Dreamweaver
11. Использование компонентов ColdFusion в Dreamweaver
Тестирование, просмотр и публикация веб-сайтов
1. Предварительный просмотр страниц
2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
3. Тестирование сайта Dreamweaver

Выбор и просмотр элементов в Dreamweaver, отображение или скрытие маркеров невидимых элементов и настройка установок невидимых элементов.

Чтобы выделить элемент в представлении «Дизайн» области «Окно документа», щелкните этот элемент. Если элемент невидим, для выделения его необходимо сделать видимым.

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

Dreamweaver позволяет указать, отображать ли значки расположения невидимых элементов в представлении «Дизайн» области «Окно документа». Чтобы указать, какие маркеры элементов должны отображаться, можно задать установки в разделе «Невидимые элементы». Например, можно указать отображение именованных привязок, но не разрывов строк.

Некоторые невидимые элементы (например, комментарии или именованные привязки) можно создавать и изменять с помощью диалогового окна «Настройки» > «Невидимые элементы».

Чтобы выделить видимый элемент в области «Окно документа», щелкните этот элемент или перетащите по нему указатель мыши.
Чтобы выделить невидимый элемент, в представлении «Дизайн» выберите пункт «Просмотр» > «Параметры представления «Дизайн»» > «Средства визуализации» > «Невидимые элементы» (если этот пункт еще не выбран), после чего щелкните маркер элемента в области окна документа.
Некоторые объекты отображаются на странице в месте, отличном от места вставки их кода. Например, в представлении «Дизайн» элемент с абсолютным позиционированием (элемент AP) может находиться в любом месте страницы, но в представлении «Код» расположение его кода зафиксировано. При отображении невидимых элементов в области «Окно документа» Dreamweaver отображаются маркеры, указывающие расположение кода таких элементов. При выделении маркера выделяется весь элемент; например, при выделении маркера элемента AP выделяется весь элемент AP.
Чтобы выделить весь тег (включая содержимое, при его наличии), щелкните его в селекторе тегов в левом нижнем углу области «Окно документа». (Селектор тегов отображается как в представлении «Дизайн», так и в представлении «Код». ) В селекторе тегов всегда отображаются теги, содержащие текущий выделенный фрагмент или позицию курсора. Крайний левый тег — это самый внешний тег, содержащий текущий выделенный фрагмент или позицию курсора. Следующий тег содержится в упомянутом самом внешнем теге и так далее; крайний правый тег — это самый внутренний тег, содержащий текущий выделенный фрагмент или позицию курсора.

Чтобы просмотреть связанный с текстом или объектом HTML-код, выполните одно из следующих действий.
- На панели инструментов «Документ» нажмите кнопку «Код».
- Выберите «Просмотр» > «Код».
- Выберите параметр «Просмотр» > «Разделить» > «Код-Интерактивный», «Код-Дизайн» или «Код-Код».
- Выберите «Окно» > «Инспектор кода».
  При выделении какого-либо фрагмента в одном из редакторов кода (в представлении «Код» или инспекторе кода) он обычно также выделяется и в области «Окно документа». Для отображения выделенного фрагмента может потребоваться синхронизация двух представлений.

Выберите «Просмотр» > «Параметры представления «Дизайн»» > «Средства визуализации» > «Невидимые элементы».
Отображение невидимых элементов может незначительно изменить макет страницы, переместив другие элементы на несколько пикселов, поэтому для точного позиционирования невидимые элементы следует скрыть.

В установках невидимых элементов можно указать, какие типы элементов будут видимыми при выборе пункта меню «Просмотр» > «Вспомогательные элементы» > «Невидимые элементы».

Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh), после чего выберите вкладку «Невидимые элементы».
Выберите, какие элементы следует сделать видимыми, и нажмите кнопку «ОК».
Флажок возле названия элемента в диалоговом окне означает, что при выборе пункта меню «Просмотр» > «Вспомогательные элементы» > «Невидимые элементы» этот элемент будет видимым.
Именованные привязки
Отображает значок, обозначающий расположение каждой из именованных привязок (a name = «») в документе.
Сценарии
Отображает значок, обозначающий расположение кода JavaScript или VBScript в теле документа. Выделив значок, можно изменить сценарий в инспекторе свойств или указать ссылку на внешний файл сценария.
Комментарии
Отображает значок, обозначающий расположение HTML-комментариев. Выделив значок, можно просмотреть комментарий в инспекторе свойств.
Разрывы строк
Отображает значок, обозначающий расположение каждого из разрывов строк (BR). По умолчанию этот параметр не выбран.
Клиентские карты ссылок
Отображает значок, обозначающий расположение каждой из клиентских карт ссылок в документе.
Внедренные стили
Отображает значок, показывающий расположение CSS-стилей, внедренных в тело документа (в секцию body). Если CSS-стили расположены в заголовке документа (в секции head), в области «Окно документа» они не отображаются.
Скрытые поля формы
Отображает значок, обозначающий расположение полей форм с атрибутом type, имеющим значение «hidden».
Разделитель форм
Отображает рамку вокруг формы, которая показывает, где вставляются элементы формы. Рамка охватывает пределы тега form, так что все элементы формы в этой рамке правильно заключены в теги form.
Опорные точки для элементов AP
Отображает значок, который обозначает расположение кода, определяющего элемент с абсолютным позиционированием (элемент AP). Сам элемент AP может быть расположен в любом месте страницы. (Элементы AP не являются невидимыми; невидим только код, определяющий их.) Выделив значок, можно выделить элемент AP; затем можно просмотреть его содержимое, даже если элемент обозначен как скрытый.
Опорные точки для выровненных элементов
Отображает значок, показывающий расположение HTML-кода элементов, которые принимают атрибут align. К ним относятся изображения, таблицы, объекты ActiveX, подключаемые модули и апплеты. В некоторых случаях код элемента может быть отделен от видимого объекта.
Отображаемые серверные теги разметки
Отображает расположение серверных тегов разметки (например, ASP или ColdFusion), содержимое которых невозможно отобразить в области «Окно документа». Эти теги обычно создают теги HTML при обработке сервером. Например, тег <CFGRAPH> создает таблицу HTML при обработке сервером ColdFusion. В Dreamweaver этот тег представляется с помощью невидимого элемента ColdFusion, поскольку приложение Dreamweaver не может определить окончательные, динамические выходные данные страницы.
Неотображаемые серверные теги разметки
Отображает расположение серверных тегов разметки (например, ASP или ColdFusion), содержимое которых невозможно отобразить в области «Окно документа». Эти теги обычно представляют собой теги настройки, обработки или логические теги (например, <CFSET>, <CFWDDX> и <CFXML>), которые не создают теги HTML.
Отображение CSS: Нет
Отображает значок, показывающий расположение содержимого, скрытого свойством display:none в связанной или внедренной таблице стилей.
Показывать динамический текст в виде
Отображает любой динамический текст на странице в формате {Набор_записей:Поле} по умолчанию. Если длина этих значений достаточно велика для искажения форматирования страницы, можно изменить формат отображения на {}.
SSI
Отображает текущее содержимое каждого файла SSI.

Справки по другим продуктам

Просмотр кода
Использование панели «Вставка»

Вход в учетную запись

Войти

Управление учетной записью

Что такое HTML? Объяснение использования и основ

Без HTML Интернет в том виде, в каком мы его знаем, не существовал бы. HTML создает структуру в Интернете от макетов страниц и абзацев до ссылок, тегов и атрибутов. Каждый раз, когда мы выходим в интернет, знаем мы об этом или нет, HTML, скорее всего, присутствует. Здесь мы объясним некоторые из фундаментальных концепций HTML.

Что такое HTML?

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

Например, чтобы выделить слово жирным шрифтом, мы помещаем это слово между следующими тегами жирный. Первый тег указывает начало слов, которые мы хотим выделить жирным шрифтом, а закрывающий тег (/) указывает, где мы хотим, чтобы жирный шрифт остановился. Это основа почти каждой страницы в Интернете. Если вы учитесь кодировать, это место для начала.

Что такое HTML?

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

Для чего используется HTML?

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

Абзацы
Элемент абзаца HTML — один из наиболее распространенных элементов, и, как вы могли догадаться, он определяет абзац.
Разрывы строк
Как и в случае с печатными материалами, под абзацем создается разрыв строки, чтобы визуально отделить его от других абзацев. Это используется, чтобы подчеркнуть семантическое разделение контента. Та же структура используется в романе или журнале.
Блочные элементы
Элементы, которые создают пространство под собой на странице, называются блочными элементами. Блочные элементы отображаются вертикально вниз в левой части страницы, по крайней мере, до тех пор, пока они не будут оформлены с помощью CSS. Примерами блочных элементов являются
,
, и многие другие. Эта функция позволяет HTML начать разделение веб-страницы на различные разделы
Заголовки
Абзацы и заголовки работают согласованно, создавая большую часть текстового содержимого веб-страницы и ее структуры. HTML имеет шесть элементов заголовков, которые пронумерованы от 1 до 6. h2 является наиболее значимым и обычно содержит заголовок содержимого — не путать с заголовком, который отображается на вкладке браузера. h3 представляет подраздел. h4 и так далее представляют собой идентификаторы дальнейших тем в подразделах, пока мы не дойдем до h6.
Чтобы дать более четкое представление о том, как работает HTML для создания окончательной версии веб-страницы, если HTML — это наш скелет, CSS (каскадные таблицы стилей) — это то, что дает нам наши функции, такие как цвет наших глаз, кожи и волосы. JavaScript будет связан с нашими движениями и тем, как мы взаимодействуем с людьми — например, когда мы отвечаем взаимностью на рукопожатие, подмигиваем, смеемся или задаем вопрос.
Как работает HTML — теги HTML
HTML работает, используя серию тегов, чтобы сообщить браузеру, что он должен делать с текстом на странице и откуда он должен загружать дополнительные ресурсы. В настоящее время доступно более 100 HTML-тегов, хотя большинству сайтов для правильной работы потребуется лишь несколько из них.
Для каждой страницы необходимы три тега HTML. Это, и. Чтобы указать веб-странице, что вы используете HTML, каждая страница будет открываться с помощью и закрываться с помощью. Тег содержит метаданные, невидимые на странице, но важные для функциональности, а тег указывает, где находится основное содержимое страницы. Каждый из этих необходимых элементов можно использовать только один раз на странице. Базовая структура общих тегов HTML подробно описана ниже:
```
 
 
 <голова>
 Заголовок, отображаемый на вкладке браузера
 
 <тело>
 Вот предложение с некоторыми словами, выделенными жирным шрифтом. 
 
  
```
Ниже показано, как это будет выглядеть в интерфейсе.
```
 Вот предложение с  некоторыми словами  с использованием  полужирного шрифта.  
```
Общие элементы HTML
Другие несущественные элементы HTML могут использоваться несколько раз на веб-странице для определения ее структуры и выделения определенных разделов текста. Общие элементы HTML перечислены ниже:
- для добавления курсива/выделения
- метатекст, невидимый на веб-странице
- определяет заголовок страницы или раздела на веб-странице
- тело страницы
- < br> для вставки разрыва строки
- для определения/разделения раздела
- для вставки изображений
- для представления списка