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>
Результат будет таков:
Заголовки нужны не только для придания тексту большей читабельности, но и нужны для хорошей оптимизации сайта под поисковые системы.
Упражнение
Вставьте в html документ следующий код и посмотрите результат:
<h1>Теорема Пифагора</h1>
<p>Теорема Пифагора является одной из самых важных теорем геометрии. Поскольку у этой теоремы есть множество теоретических и практических применении.</p>
Жирное начертание
Тэг strong делает текст жирным:
Это обычный текст. А это жирный текст.
Вот код этого примера:
<p>Это обычный текст. А это <strong>жирный</strong>текст.</p>
Упражнение
Составьте код следующего текста в html:
Привет!
Меня зовут Дос, Жандос.
Я программист со стажем и невероятно красивый человек, только девушки пожалуйста не влюбляйтесь, потому что это так банально!
Курсив
Тэг i делает текст курсивным. Вставьте следующий код в html документ и посмотрите на результат:
<p>Это обычный текст. А это <i>курсивный</i>текст.</p>
br
Этот тег переводит текст на новую строку. То есть ее действие похоже на тег абзац, но только у этого тэга нет закрывающего тэга. Пишется просто так: <br>
Упражнение
Используя эти тэги, наберите какой-нибудь стих или короткую газетную статью в html.