Оформление текста на языке HTML

82 просмотров Время на прочтение: < 1 минуты

Для оформления текста в HTML используются следующие HTML элементы:

Назначение	Пример	Результат
Перенос строки	Строка 1<br>Строка 2	Строка 1 Строка 2
Строка	<span>Текст</span>	Текст
Блок занимающий всё горизонтальное место	<div>Текст</div>	Текст
Заголовки (от самого большого h1 до самого маленького h6)	<h1>Текст</h1>	Текст
Жирный текст	<b>Текст</b>	Текст
Наклонный текст	<i>Текст</i>	Текст
Подчёркнутый текст	<u>Текст</u>	Текст
Перечёркнутый текст	<s>Текст</s>	~~Текст~~
Важный текст	<strong>Текст</strong>	Текст
Акцент на тексте	<em>Текст</em>	Текст
Надстрочный индекс	A<sup>i</sup>	Aⁱ
Подстрочный индекс	A<sub>i</sub>	A_i
Код на языке программирования	<code>Текст</code>	`Текст`
Название клавиши клавиатуры	<kbd>Shift</kbd>	`Shift`
Название объекта (например, сайта), на который ссылаются	<cite>Текст</cite>	Текст
Цитируемая строка из другого источника	<q>Текст</q>	Текст
Цитируемый блок из другого источника	<blockquote> Текст </blockquote>	Текст
Параграф	<p>Текст</p>	Текст
Редакторская вставка в документ	<ins>Текст</ins>	Текст
Редакторское удаление из документа	<del>Текст</del>	~~Текст~~

Пример веб-страницы с оформлением текста

<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="UTF-8">
		<title>Оформление текста</title>
	</head>
	<body>
		<blockquote>
			Мороз и солнце; день чудесный!<br>
			Еще ты дремлешь, друг прелестный —<br>
			Пора, красавица, проснись:<br>
			Открой сомкнуты негой взоры<br>
			Навстречу северной Авроры,<br>
			Звездою севера явись!<br>
		</blockquote>
		<p>
			Александр Пушкин <cite>Зимнее утро</cite>
		</p>
		<h1>Заголовок</h1>
		<p>Параграф 1</p>
		<p>
			Параграф 2
			<br>
			<b>Жирный текст</b> 
			<i>Наклонный текст</i>
			<br>
			A<sup>2</sup> = A * A
			<br>
			Нажмите клавишу <kbd>F1</kbd>
			<br>
			<ins>Вставленная фраза</ins> 
			<del>Удалённая фраза</del>
		</p>
	</body>
</html>

<!DOCTYPE html>

<head>

<title>Оформление текста</title>

</head>

<body>

Мороз и солнце; день чудесный!

Еще ты дремлешь, друг прелестный —

Пора, красавица, проснись:

Открой сомкнуты негой взоры

Навстречу северной Авроры,

Звездою севера явись!

</blockquote>

Александр Пушкин <cite>Зимнее утро</cite>

<h1>Заголовок</h1>

Параграф 1

Параграф 2

Жирный текст

Наклонный текст

A2 = A * A

Нажмите клавишу <kbd>F1</kbd>

<ins>Вставленная фраза</ins>

<del>Удалённая фраза</del>

</body>

</html>

Эта веб-страница, открытая в веб-браузере:

Текст

Пример веб-страницы с оформлением текста

Добавить комментарий Отменить ответ