И вот тут-то нам на помощь и придут теги html, которые и «подскажут» браузеру, как нужно отображать текст на сайте.
Теги – парные элементы, хотя есть и исключения. Есть открывающие теги, которые записываются так: < а>.
И есть закрывающие теги, которые выглядят так: < /a>
Начнем с самых простых тегов.
1. Полужирный текст.
Для того, чтобы текст отображался жирным, можно использовать либо тег < b> либо тег < strong>. Эффект будет одинаковый.
< b>Этот текст стал полужирным при помощи тега < b>.< /b>
< strong>Этот текст стал полужирным при помощи тега < strong>.< /strong>
Этот текст стал полужирным при помощи тега < b>.
Этот текст стал полужирным при помощи тега < strong>.
2. Текст курсивом.
Для того, чтобы текст отображался курсивом, можно использовать либо тег < i> либо тег < em>. Эффект будет одинаковый.
< i>Этот текст написан курсивом при помощи тега < i>.< /i>
< em>Этот текст написан курсивом при помощи тега < em>.< /em>
Этот текст написан курсивом при помощи тега < i>.
Этот текст написан курсивом при помощи тега < em>.
3. Подчеркнутый текст.
Для того, чтобы текст отображался подчеркнутым, нужно использовать тег < u>.
< u>Этот текст подчеркнут при помощи тега < u>.< /u>
Этот текст подчеркнут при помощи тега < u>.
4. Зачеркнутый текст.
Для того, чтобы текст отображался зачеркнутым, нужно использовать тег < strike>.
< strike >Этот текст зачеркнут при помощи тега < strike >.< / strike >
5. Использование нескольких тегов.
Все эти теги можно использовать вместе и получать различные эффекты: полужирный курсив, подчеркнутый курсив, полужирный зачеркнутый курсив. Самое главное при этом – соблюдать последовательность открывающих и закрывающих тегов. То есть, должно быть четко – i b /b/i, но не bi /b/i.
< i>< b>Этот текст стал полужирным курсивом при помощи тегов < b> и < i>.< /b>< /i>
Этот текст стал полужирным курсивом при помощи тегов < b> и < i>.
6. Выделение отдельных слов в предложении.
Здесь сохраняется та же последовательность – открывающий и закрывающий тег, но расположены они уже не в начале и конце предложения, а вокруг того слова, которое нужно выделить.
Это < strike >слово< / strike > зачеркнуто при помощи тега < strike >.
Это
По такому же принципу выделяются абзацы текста.
В следующей главе поговорим про красные строки и выравнивание абзацев.