Автор лого - Belaya_ber
Ширина страницы: 100%| 3/4| Размер шрифта: 9 pt| 10 pt| 12 pt| 14 pt

Только зарегистрированные участники
могут голосовать
Примечания автора к главе:
В примерах теги "разорваны" при помощи пробела, чтобы они не исполнялись.
При использовании тегов для форматирования ваших текстов эти пробелы нужно убирать.
Мы все привыкли в ворде форматировать текст, делая его разным. В фанфиках это позволяет разграничивать какие-то действия, например, обозначать курсивом переговоры по радио или воспоминания героя о каких-либо событиях прошлого. Зачеркнутый текст позволяет передавать какие-то комичные моменты, связанные с созвучием слов (икебана – икебаба). Но все это сохраняется в тексте только до тех пор, пока он в файле на компьютере. Как только мы переносим его на сайт, все эти красивости сразу же исчезают.

И вот тут-то нам на помощь и придут теги 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 >
Этот текст зачеркнут при помощи тега < strike >.

5. Использование нескольких тегов.
Все эти теги можно использовать вместе и получать различные эффекты: полужирный курсив, подчеркнутый курсив, полужирный зачеркнутый курсив. Самое главное при этом – соблюдать последовательность открывающих и закрывающих тегов. То есть, должно быть четко – i b /b/i, но не bi /b/i.
< i>< b>Этот текст стал полужирным курсивом при помощи тегов < b> и < i>.< /b>< /i>
Этот текст стал полужирным курсивом при помощи тегов < b> и < i>.

6. Выделение отдельных слов в предложении.
Здесь сохраняется та же последовательность – открывающий и закрывающий тег, но расположены они уже не в начале и конце предложения, а вокруг того слова, которое нужно выделить.
Это < strike >слово< / strike > зачеркнуто при помощи тега < strike >.
Это слово зачеркнуто при помощи тега < strike >.

По такому же принципу выделяются абзацы текста.




В следующей главе поговорим про красные строки и выравнивание абзацев.