Курс HTML5, CSS3, SEO, Wordpress и Photoshop

HTML тэги для оформления текстов

В HTML существуют множество тэгов предназначенных для оформления текстов. Вот некоторые из них (самые основные):

Абзац

<p>Это абзац</p>

Создайте html документ со следующим кодом:

<!doctype html>

<html>

<body>

<p>Это первый абзац</p>

<p>Это второй абзац</p>

<p>Это третьи абзац</p>

</body>

</html>

Как не трудно догадаться результат будет таков:

Тэг абзац

Точно так же можно создать любое количество новых строк.

Заголовки

Для придания тексту большей читабельности, в полиграфии используют заголовки. В html есть шесть видов заголовков и шесть соответствующих тэгов: h1, h2, h3, h4, h5, h6.

Создайте html документ со следующим кодом:

<!doctype html>

<html>

<body>

<h1>Это первый заголовок!</h1>

<h2>Это второй заголовок!</h2>

<h3>Это третьи заголовок!</h3>

<h5>Это четвертый заголовок!</h4>

<h5>Это пятый заголовок!</h5>

<h6>Это шестой заголовок!</h6>

</body>

</html>

Результат будет таков:

Заголовки h1-h6

Заголовки нужны не только для придания тексту большей читабельности, но и нужны для хорошей оптимизации сайта под поисковые системы.

Упражнение

Вставьте в html документ следующий код и посмотрите результат:

<h1>Теорема Пифагора</h1>

<p>Теорема Пифагора является одной из самых важных теорем геометрии. Поскольку у этой теоремы есть множество теоретических и практических применении.</p>

Жирное начертание

Тэг strong делает текст жирным:
Это обычный текст. А это жирный текст.

Вот код этого примера:

<p>Это обычный текст. А это <strong>жирный</strong>текст.</p>

Упражнение

Составьте код следующего текста в html:

Привет!

Меня зовут Дос, Жандос.

Я программист со стажем и невероятно красивый человек, только девушки пожалуйста не влюбляйтесь, потому что это так банально!

Курсив

Тэг i делает текст курсивным. Вставьте следующий код в html документ и посмотрите на результат:

<p>Это обычный текст. А это <i>курсивный</i>текст.</p>

br

Этот тег переводит текст на новую строку. То есть ее действие похоже на тег абзац, но только у этого тэга нет закрывающего тэга. Пишется просто так: <br>

Упражнение

Используя эти тэги, наберите какой-нибудь стих или короткую газетную статью в html.