## Заголовки
`<h1>` - `<h6>` - заголовки разных уровней
```html
<html>
	<head>
		<title>Заголовки</title>
	</head>
	
	<body>
		<h1>Глава 1. Информация</h1>
		<h2>1.1 Что такое информация?</h2>
Задачи, связанные с хранением, передачей и обработкой информации человеку приходилось решать во все времена...
	</body>
</html>
```
Результат:  
![Заголовки](../Pictures/05_01.%20Заголовки.png)  
#### Выравнивание строки
`<h1 align="...">` - выравнивание заголовка:
- `left` - по левому краю
- `center` - по центру
- `right` - по правому краю
```html
<html>
	<head>
		<title> Заголовки </title>
	</head>
	
	<body>
		<h1 align="center" >Глава 1. Информация</h1>
		<h2>1.1 Что такое информация?</h2>
Задачи, связанные с хранением, передачей и обработкой информации человеку приходилось решать во все времена...
	</body>
</html>
```
Результат:  
![Выравнивание строки](../Pictures/05_02.%20Выравнивание%20строки.png)
## Проблема вывода текста
Попробуем вывести текст:
```
И вечный бой! Покой нам только снится
Сквозь кровь и пыль...
Летит, летит степная кобылица
И мнёт ковыль...
```
Результат:  
![Проблема вывода текста](../Pictures/05_03.%20Проблема%20вывода%20текста.png)  
#### Вывод абзаца
`<p>` - для выделения абзацев
```html
<html>
	<head>
		<title> А.Блок «На поле Куликовом» </title>
	</head>
	
	<body>
		<p>И вечный бой! Покой нам только снится</p>
		<p>Сквозь кровь и пыль...</p>
		<p>Летит, летит степная кобылица </p>
		<p>И мнёт ковыль...</p>
	</body>
</html>
```
Результат:  
![Вывод абзаца](../Pictures/05_04.%20Вывод%20абзаца.png)
#### Переход на новую строку
`<br>` - перенос строки
```html
<html>
	<head>
		<title> А.Блок «На поле Куликовом» </title>
	</head>
	
	<body>
		И вечный бой! Покой нам только снится
		<br>Сквозь кровь и пыль...
		<br>Летит, летит степная кобылица
		<br>И мнёт ковыль...
	</body>
</html>
```
Результат:  
![Переход на новую строку](../Pictures/05_05.%20Переход%20на%20новую%20строку.png)  
## Выравнивание строк абзаца
`<p align="...">` - выравнивание строк абзаца:
- `left` - по левому краю
- `center` - по центру
- `right` - по правому краю
- `justify` - по ширине
```html
<html>
	<head>
		<title> Г.Остер «Задачник по физике» </title>
	</head>
	
	<body>
		<p align="justify">
			Молекула воды испарилась из кипящего чайника и, подлетая к потолку, 
			лоб в лоб столкнулась с неизвестно как прокравшейся на кухню молекулой 
			водорода. Кто быстрей отлетел?
		</p>
	</body>
</html>
```
Результат:  
![Выравнивание строк абзаца](../Pictures/05_06.%20Выравнивание%20строк%20абзаца.png)
## Специальные символы
| Символ | HTML-код   | Название                          |
| ------ | ---------- | --------------------------------- |
|        | `&nbsp;`   | неразрывный пробел                |
| –      | `&ndash;`  | короткое тире                     |
| —      | `&mdash;`  | (длинное) тире                    |
| §      | `&sect;`   | параграф                          |
| «      | `&laquo;`  | левая русская кавычка             |
| »      | `&raquo;`  | правая русская кавычка            |
| <      | `&lt;`     | левая угловая скобка              |
| >      | `&gt;`     | правая угловая скобка             |
| ©      | `&copy;`   | символ авторского права           |
| ®      | `&reg;`    | зарегистрированная торговая марка |
| °      | `&deg;`    | градус                            |
| ²      | `&sup2;`   | квадрат                           |
| ³      | `&sup3;`   | куб                               |
| ×      | `&times;`  | знак умножения                    |
| ÷      | `&divide;` | знак деления                      |
## Начертание
- Курсив (italic):
	```html
	<i>Вася</i>
	```
	*Вася*
- Жирный (bold):
	```html
	<b>Вася</b>
	```
	**Вася**
- Подчеркивание (underline):
	```html
	<u>Вася</u>
	```
	В͟а͟с͟я͟
- Зачеркивание (strikeout):
	```html
	<s>Вася</s>
	```
	~~Вася~~
- Верхний индекс (superscript):
	```html
	Вася<sup>2</sup>
	```
	Вася $^2$
- Нижний индекс (subscript):
	```html
	Вася<sub>2</sub>
	```
	Вася $_2$
## Оформление текста программ
Попробуем вывести программу:
```pascal
iMin := 1;
for i:=2 to n do
	if a[i] < a[iMin] then
	iMin := i;
```
Результат:  
![Вывод текста программы](../Pictures/05_07.%20Вывод%20текста%20программы.png)  
Для корректного вывода используется тег `<pre>` - preformatted (уже отформатированный):
```html
<pre>
iMin := 1;
for i:=2 to n do
	if a[i] < a[iMin] then
		iMin := i;
</pre>
```
Результат:  
![Оформление текста программ](../Pictures/05_08.%20Оформление%20текста%20программ.png)
## Нумерованные списки
`<ol>` - ordered list (упорядоченный список).  
`li` - list item (элемент списка).
```html
<ol>
	<li>Вася</li>
	<li>Петя</li>
	<li>Коля</li>
</ol>
```
Результат:  
![Нумерованный список](../Pictures/05_09.%20Нумерованный%20список.png)  
#### Изменение символа нумерации
`<ol type="..." start="n">` - можно задать символ нумерации (`1`, `i`, `I`, `a`, `A`) и номер `n`, с которого она начинается:

```html
<ol type="i" start="4">
	<li>Вася</li>
	<li>Петя</li>
	<li>Коля</li>
</ol>
```
Результат:  
![Изменение символа нумерации](../Pictures/05_10.%20Изменение%20символа%20нумерации.png)
## Маркированные списки
`<ul>` - unordered list (неупорядоченный список):
```html
<ul>
	<li>Вася</li> 
	<li>Петя</li>
	<li>Коля</li>
</ul>
```
Результат:  
![Маркированный список](../Pictures/05_11.%20Маркированный%20список.png)
#### Изменение маркера
`<ul type="...">` - можно задать символ нумерации:
- `disk` - ●
- `circle` - ○
- `square` - □
```html
<ul type="disk">
	<li>Вася</li> 
	<li>Петя</li>
	<li>Коля</li>
</ul>
```