Выделение текста: жирным, курсивом, подчеркнутым и зачеркнутым стилями
Продолжаем. В данной статье рассмотрим стили текста html: жирный, курсив, подчеркнутый, зачеркнутый. Текст не может всегда быть однообразным. Его слова, фразы необходимо, в некоторых случаях, как-то выделять. Для этого существует определенный ряд тегов. Теги стиля выделения: <b> и <strong>; <i> и <em>; тег <u>; а также <s> и <strike>.
Выделение жирным: По типографскому стандарту в печати различают четыре вида насыщенности шрифта: светлое выделение, нормальное, полужирное и жирное. В системе HTML можно установить только нормальное и жирное начертание и делают это с помощью двух тегов <b> или <strong>. Оба тега закрывающиеся.
Сейчас открываем наш файл index_3.html в Блокноте. У кого его нет скачиваем здесь в формате index_3.rar. Вписываем указанные теги в первые строчки стихотворения, как показано на картинке Screen 1. Как всегда «Сохраняем». Полученный файл
Screen 1
«Открываем» в браузере. Что мы видим? На Screen 2 показано, что все три строчки выделены жирным, в каких бы вариантах
Screen 2
не были вставлены теги. Кроме того мы открывали этот файл в Opera и Firefox. Результат тот же. Текст в них отражается нормально. Можете проверить сами. Не будем вдаваться в подробности и забивать себе голову лишним: почему?, что? и как?
Внимание!Еще раз повторяем, что наш курс «упрощенный», для начинающих. Он дает только «основные» навыки и понятия html построения. Но это не значит, что он неправильный. Наоборот, с его помощью, Вы сможете создавать свои первые веб-странички, переходя от простого к сложному. Все делается для того, чтобы проще и быстрее можно было понять и изучить наш "Основной курс".
Выделение курсивом: Курсивный шрифт представляет собой наклон в правую сторону отдельных букв, слов или целых предложений. Для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Происходит при помощи двух закрывающихся тегов <i> или <em>.
Вставляем, как в предыдущем примере, в разных вариантах теги курсива в наш файл. 1. Заключаем фамилию автора в тег <i>. 2.Делаем курсивом две нижние строчки стихотворения, Screen 3. Смотрим что получилось, Screen 4.
Screen 3.
Screen 4.
На картинке видно, две последние строчки и фамилия автора выделены курсивом. Проверяем в других интернет-обозревателях. Все в порядке. Теги работают везде нормально. Что и требовалось доказать.
Подчеркнуть и зачеркнуть текст: Здесь все делаем как в предыдущих разделах. Подчеркиваем зоголовок стихотворения используя тег <u>. Зачеркиваем оставшиеся строчки стиха тегами <s> и <strike>. Смотрим Screen 5 и Screen 6.
Screen 5.
Screen 6.
Все выше изложенные теги прошли проверку на интернет-обозревателях Uran, Opera, Mozilla, Yanex, Google Crome. Ни каких искажений показа на экране не отмечено. Дополнительные сведения об отдельных тегах, тем кому потребуются более точная информация, можно получить в "Cправочнике html".
Выделять жирным, курсивом, подчеркивать и зачеркивать можно не только фразы, но и отдельные слова, а также отдельные буквы и цифры. На последок переименуем Копию index_3.html, в файл index_4.html и Сохраним.
