Форматирование текста

Последнее обновление: 08.04.2016

Ряд элементов html предназначены для форматирования текстового содержимого, например, для выделения жирным или курсивом и т.д. Рассмотрим эти элементы:

  • <b>: выделяет текст жирным

  • <del>: зачеркивает текст

  • <i>: выделяет текст курсивом

  • <em>: выделяет текст курсивом, в отличие от тега <i> носит логическое значение, придает выделяемому тексту оттенок важности

  • <s>: зачеркивает текст

  • <small>: делает текст чуть меньше размером, чем окружающий

  • <strong>: выделяет текст жирным. В отличие от тега <b> предназначен для логического выделения, чтобы показать важность текста. А <b> не носит характера логического выделения, выполняет функции только форматирования

  • <sub>: помещает текст под строкой

  • <sup>: помещает текст над строкой

  • <u>: подчеркивает текст

  • <ins>: определяет вставленный (или добавленный) текст

  • <mark>: выделяет текст цветом, придавая ему оттенок важности

Применим все эти элементы:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Форматирование текста в HTML5</title>
	</head>
	<body>
		<p>Форматирование в <mark>HTML5</mark></p>
		<p>Это <b>выделенный</b> текст</p>
		<p>Это <strong>важный</strong> текст</p>
		<p>Это <del>зачеркнутый</del> текст</p>
		<p>Это <s>недействительный</s> текст</p>
		<p>Это <em>важный</em> текст</p>
		<p>Это текст <i>курсивом</i> </p>
		<p>Это <ins>добавленный</ins> текст</p>
		<p>Это <u>подчеркнутый</u> текст</p>
		<p>X<sub>i</sub> = Y<sup><small>2</small></sup> + Z<sup><small>2</small></sup></p>
	</body>
</html>
Форматирование текста в HTML5

НазадСодержаниеВперед

Помощь сайту
Юмани:
410011174743222
Перевод на карту
Номер карты:
4048415020898850