## Заголовки `

` - `

` - заголовки разных уровней ```html Заголовки

Глава 1. Информация

1.1 Что такое информация?

Задачи, связанные с хранением, передачей и обработкой информации человеку приходилось решать во все времена... ``` Результат: ![Заголовки](../Pictures/05_01.%20Заголовки.png) #### Выравнивание строки `

` - выравнивание заголовка: - `left` - по левому краю - `center` - по центру - `right` - по правому краю ```html Заголовки

Глава 1. Информация

1.1 Что такое информация?

Задачи, связанные с хранением, передачей и обработкой информации человеку приходилось решать во все времена... ``` Результат: ![Выравнивание строки](../Pictures/05_02.%20Выравнивание%20строки.png) ## Проблема вывода текста Попробуем вывести текст: ``` И вечный бой! Покой нам только снится Сквозь кровь и пыль... Летит, летит степная кобылица И мнёт ковыль... ``` Результат: ![Проблема вывода текста](../Pictures/05_03.%20Проблема%20вывода%20текста.png) #### Вывод абзаца `

` - для выделения абзацев ```html А.Блок «На поле Куликовом»

И вечный бой! Покой нам только снится

Сквозь кровь и пыль...

Летит, летит степная кобылица

И мнёт ковыль...

``` Результат: ![Вывод абзаца](../Pictures/05_04.%20Вывод%20абзаца.png) #### Переход на новую строку `
` - перенос строки ```html А.Блок «На поле Куликовом» И вечный бой! Покой нам только снится
Сквозь кровь и пыль...
Летит, летит степная кобылица
И мнёт ковыль... ``` Результат: ![Переход на новую строку](../Pictures/05_05.%20Переход%20на%20новую%20строку.png) ## Выравнивание строк абзаца `

` - выравнивание строк абзаца: - `left` - по левому краю - `center` - по центру - `right` - по правому краю - `justify` - по ширине ```html Г.Остер «Задачник по физике»

Молекула воды испарилась из кипящего чайника и, подлетая к потолку, лоб в лоб столкнулась с неизвестно как прокравшейся на кухню молекулой водорода. Кто быстрей отлетел?

``` Результат: ![Выравнивание строк абзаца](../Pictures/05_06.%20Выравнивание%20строк%20абзаца.png) ## Специальные символы | Символ | HTML-код | Название | | ------ | ---------- | --------------------------------- | | | ` ` | неразрывный пробел | | – | `–` | короткое тире | | — | `—` | (длинное) тире | | § | `§` | параграф | | « | `«` | левая русская кавычка | | » | `»` | правая русская кавычка | | < | `<` | левая угловая скобка | | > | `>` | правая угловая скобка | | © | `©` | символ авторского права | | ® | `®` | зарегистрированная торговая марка | | ° | `°` | градус | | ² | `²` | квадрат | | ³ | `³` | куб | | × | `×` | знак умножения | | ÷ | `÷` | знак деления | ## Начертание - Курсив (italic): ```html Вася ``` *Вася* - Жирный (bold): ```html Вася ``` **Вася** - Подчеркивание (underline): ```html Вася ``` В͟а͟с͟я͟ - Зачеркивание (strikeout): ```html Вася ``` ~~Вася~~ - Верхний индекс (superscript): ```html Вася2 ``` Вася $^2$ - Нижний индекс (subscript): ```html Вася2 ``` Вася $_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) Для корректного вывода используется тег `
` - preformatted (уже отформатированный):
```html

iMin := 1;
for i:=2 to n do
	if a[i] < a[iMin] then
		iMin := i;


```
Результат:  
![Оформление текста программ](../Pictures/05_08.%20Оформление%20текста%20программ.png)
## Нумерованные списки
`
    ` - ordered list (упорядоченный список).  
`li` - list item (элемент списка).
```html

      
	
    1. Вася
      2. 
	
    2. Петя
      3. 
	
    3. Коля
      4. 

    
```
Результат:  
![Нумерованный список](../Pictures/05_09.%20Нумерованный%20список.png)  
#### Изменение символа нумерации
`
      ` - можно задать символ нумерации (`1`, `i`, `I`, `a`, `A`) и номер `n`, с которого она начинается:

```html

        
	
      1. Вася
        2. 
	
      2. Петя
        3. 
	
      3. Коля
        4. 

      
```
Результат:  
![Изменение символа нумерации](../Pictures/05_10.%20Изменение%20символа%20нумерации.png)
## Маркированные списки
`
        ` - unordered list (неупорядоченный список):
```html

          
	
        • Вася
          •  
	
        • Петя
          • 
	
        • Коля
          • 

        
```
Результат:  
![Маркированный список](../Pictures/05_11.%20Маркированный%20список.png)
#### Изменение маркера
`
          ` - можно задать символ нумерации:
- `disk` - ●
- `circle` - ○
- `square` - □
```html

            
	
          • Вася
            •  
	
          • Петя
            • 
	
          • Коля
            • 

          
```