Таблица html-элементов, изучаемых на занятии
Обозначе
ние Назначение элемента Пример
элемента
Теги
Парный тег, выделяет абзац текста (paragraph Пример
<p>
по-английски)
<h1> Парный тег, создаёт заголовок 1-го уровня (heading level 1) Пример
<h2> …
<h3> …
<h4> …
<h5> …
<h6> заголовок 6-го уровня
6-й уровень — максимальный, 7-го и далее уровней не
существует. Заголовки указывают на иерархическую
структуру документа, и нужно соблюдать эту структуру
<blockquot Парный тег, используется для разметки блоков цитат Пример
e>
Позволяет расставить акценты в тексте, выделить Пример
какие-то особенно важные слова, выделяя полужирным
<strong>
(не нужно использовать для выделения текста жирным,
для этого есть CCS)
Выделяет важные фрагменты текста, отображая их Пример
курсивом (не нужно использовать для выделения текста
курсивом, для этого есть CSS)
<em>
Отличается от <strong> тем, что указывает на более
слабое смысловое ударение
Позволяет сделать слово или фразу гиперссылкой. Пример
<a>
В тег <a> нельзя вкладывать другие теги <a>
Одиночный тег, используется для вставки картинки в
документ.
<img> URL файла с изображением указывается в специальном
атрибуте src. Также для картинки обязательно требуется
указывать атрибут
Атрибуты
Позволяет задать тегу уникальный идентификатор, чтобы
id в дальнейшем ссылаться на него, у двух элементов не
может быть одинакового id
Позволяет задать через пробел один или несколько
class определённых пользователем классов для дальнейшего
управления внешним видом элемента через стили
cite Позволяет указать автора или источник цитаты
Сообщает браузеру, куда перенаправить пользователя
href при клике по ссылке. Указывается в адресе в формате
URL (hypertext reference — ссылка на гипертекст)
Для ссылки можно задать подсказку в атрибуте title,
title которая покажется при наведении указателя мыши на
ссылку
Альтернативный текст. Этот текст отображается в том случае,
если картинка не смогла загрузиться (например, плохое
интернет-соединение или картинка была удалена) в таком
случае вместо картинки будет показан этот текст. Текст
должен кратко и ёмко излагать суть того, что конкретно
alt
было изображено на картинке.
В программах, которые используют незрячие люди для
посещения веб-страниц, зачитывают текст, написанный в
этом атрибуте, позволяя человеку понимать, что было на
картинке