NEW
Font size
WorksheetsHTML
Total questions: 40
Worksheet time: 20mins
Является корневым элементом документа. Все остальные элементы содержатся внутри
<html>...</html>
<head>...</head>
<title> ... </title>
<meta> ... </meta>
Содержит техническую информацию о странице: заголовок, описание, ключевые слова для поисковых машин, кодировку и т.д.
<html>...</html>
<meta> ... </meta>
<title> ... </title>
<head>...</head>
Обязательным элементом раздела <head> является ?. Текст, размещенный внутри элемента ?, отображается в строке заголовка веб-браузера.
<html>...</html>
<meta> ... </meta>
<title> ... </title>
<head>...</head>
С его помощью можно задать описание содержимого страницы и ключевые слова для поисковых машин, автора HTML-документа и прочие свойства метаданных.
<html>...</html>
<meta> ... </meta>
<title> ... </title>
<head>...</head>
Внутри этого элемента задаются стили, которые используются на странице.
<body>
<script>
<link>
<style>
Определяет отношение между текущей страницей и другими документами.
<body>
<style>
<link>
<script>
Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле.
<body>
<style>
<link>
<script>
В разделе располагается все содержимое документа.
<body>
<style>
<link>
<script>
Элементы должны использоваться только для выделения заголовков нового раздела или подраздела.
<h1>...<h6>
<b>
<em>
<i>
<small>
Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность
<b>
<small>
<i>
<em>
Отображает шрифт курсивом, придавая тексту значимость.
<b>
<em>
<i>
<small>
Отображает шрифт курсивом.
<b>
<em>
<i>
<small>
Уменьшает размер шрифта на единицу по отношению к обычному тексту.
<b>
<em>
<small>
<i>
Задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.
<strong>
<sub>
<sup>
<ins>
Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер.
<strong>
<ins>
<sup>
<sub>
Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.
<strong>
<ins>
<sup>
<sub>
Выделяет текст в новой версии документа, подчёркивая его.
<strong>
<ins>
<sup>
<sub>
Перечёркивает текст. Используется для выделения текста, удаленного из документа.
<del>
<mark>
<code>
<kbd>
Применяется для выделения фрагментов текста в справочных целях, окрашивая блок символов желтым цветом.
<del>
<code>
<kbd>
<mark>
Отмечает фрагмент как вводимый пользователем с клавиатуры. Отображает текст моноширинным шрифтом.
<mark>
<kbd>
<del>
<code>
Применяется для выделения результата, полученного в ходе выполнения программы. Отображает текст моноширинным шрифтом.
<samp>
<var>
<pre>
<code>
Выделяет имена переменных, отображая текст курсивом.
<samp>
<code>
<pre>
<var>
Позволяет вывести текст на экран, сохранив изначальное форматирование. Пробелы и переносы строк при этом не удаляются.
<pre>
<var>
<abbr>
<bdo>
Применяется для форматирования аббревиатур. Браузером обычно подчеркивается пунктирной линией. Расшифровка сокращения осуществляется с помощью атрибута title, она появляется при наведении курсора мыши на текст.
<pre>
<bdo>
<abbr>
<var>
Используется для изменения текущего направления текста.
<pre>
<var>
<abbr>
<bdo>
Выделяет цитаты внутри документа, выделяя его отступами и переносами строк.
<blockquote>
<q>
<cite>
<dfn>
Используется для выделения коротких цитат. Браузерами заключается в кавычки.
<blockquote>
<dfn>
<cite>
<q>
Применяется для выделения цитат, названий произведений, сносок на другие документы.
<cite>
<dfn>
<p>
<br>
Позволяет выделить текст как определение. Несмотря на наличие данного элемента, рекомендуется выделять текст силами CSS.
<cite>
<dfn>
<p>
<br>
Разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхнее и нижнее внешнее поле margin, равное 1em, при этом поля соседних абзацев «схлопываются».
<p>
<br>
<hr>
<dfn>
Переносит текст на следующую строку, создавая разрыв строки.
<dfn>
<p>
<br>
<hr>
Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.
<hr>
<dfn>
<p>
<br>
Определяет имя класса для элемента (используется для определения класса в таблице стилей). Принимаемые значения: имя класса.
contenteditable
class
style
hidden
Указывает на то, что элемент должен быть скрыт.
hidden
contenteditable
class
style
Указывает на код CSS, применяемую для оформления элемента.Принимаемые значения: код CSS.
style
contenteditable
hidden
class
Определяет, может ли пользователь редактировать содержимое (контент). Позволяет преобразовать любое поле HTML в редактируемый элемент.
class
style
contenteditable
hidden
Разрешает или запрещает перевод текста внутри элемента.
id
translate
tabindex
dir
Определяет уникальный идентификатор элемента.
dir
id
translate
tabindex
Определяет порядок перехода к элементу при помощи клавиши TAB.
tabindex
dir
id
translate
Служит для выделения фрагментов программного кода. Отображает текст моноширинным шрифтом.
<del>
<kbd>
<code>
<mark>
