Редактирование текста HTML тегами
Этот урок мы посвятим html тексту, а точнее его форматированию.
Зачастую при создании сайтов приходится редактировать html текст, то есть изменять какие-то его фрагменты, иначе текст будет выглядеть скучно и плохо восприниматься.
Изменять цвет html текста и его фрагментов вы уже умеете. А сейчас разберем еще несколько способов выделения текста. Это будет важно, когда вы будите заниматься созданием контента для сайта, а именно внутренней оптимизацией.
html теги текст
Итак, изучим несколько новых html тегов текста, которые позволяют выделять html текст жирным или курсивом.
Тег <b>. Выделяет фрагмент текста жирным. Этот тег является парным, то есть html текст который должен быть выделен жирным, необходимо заключить между тегами <b> </b>.
Теперь о выделении текста курсивом. Для этого используется аналогичный тег <i>. Он тоже является парным. Заключите html текст между парой <i> </i> и он будет выделен курсивам.
Теперь к практике. Продолжим наполнять наш html код. Добавим пару фраз, выделенных жирным и курсивом.
После изменений получаем такой код: <html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000" bgcolor="#494949">
<center>
Содержимое моего сайта.<br><font color="#00AA00">Я прохожу уроки создания сайта.</font>
<br><br>
<img src="kartinka.jpg" width="184" height="110" title="Эмблема сайта">
<br><br>
<i>учимся выделять html текст курсивом</i>
<br>
<b>изучаем новые html теги текста</b>
</center>
</body>
</html>
Эти html теги текст форматируют как по одиночке, так и вместе. То есть, можно одновременно выделить html текст и жирным и курсивом.
При этом нужно соблюдать правила вложенности. Пример, <i><b>html теги текст</b></i>.
Возьмите это на заметку. Правила вложенности должны соблюдаться не только при форматировании текста, о них нужно помнить всегда, на протяжении написания сайта.
Запомнить эти правила легко, они схожи с принципом матрешки. Одна пара тегов лежит в другой паре html тегов.
html текст и изменение шрифта
Теперь поговорим о том, как изменить размер шрифта у html текста.
Есть два способа. С помощью тегов <H1> <H2> - <H6> или с помощью параметра size.
Разберем первый вариант. Выделите html текст тегом <H1> </H1>. Заметьте, что серия тегов <H> - является парной.
Текст в тегах <H1> будет самым большим, а текст в тегах <H6> самым маленьким.
Теперь разберем вариант с применением параметра size=. Этот параметр можно применять в известных нам тегах <font> </font>.
То есть, пишем следующие: <font size="1">нужный html текст</font>. При этом, чем меньше значение параметра size=, тем меньше размер шрифта текст.
То есть, html текст со значением параметра 1 (<font size="1">), будет меньше, чем текст со значением 4 (<font size="4">).
Пришло время разобрать, в чем отличие этих двух вариантов изменения размера шрифта.
Тег <H> - это тег заголовков. То есть, заключенный текст будет выделяться как абзац, перенося последующий текст на следующую строку.А использование параметра size=, позволяет изменять размер шрифта прямо в тексте, нечего не перенося.
Итог. Если нужен заголовок, то заключайте html текст в теги <H>, а если необходимо изменить размер шрифта в тексте, используйте параметр size="" в теге </font>.
Теперь вы приобрели навыки форматирования html тегами текст, который необходимо выделить из общего контекста.
Освоили данный урок создания сайта, двигаемся дальше.
Урок 6: вставляем ссылки в html код сайта.
Урок 8: таблицы в html, продолжение.