Декорирование текста

Этот урок совсем легкий.

Жирный, курсив и подчеркивание.

Чтобы сделать текст жирным, достаточно в нужном месте открыть и закрыть тег <b> bold – жирный или <strong>:

<p>основной текст <b>жирный текст</b> продолжение основного текста</p>


У нас получилось следующее:

основной текст жирный текст продолжение основного текста.


Для курсива используется тег <i> italic – курсив или <em>:

<p>основной текст <i>курсив</i> продолжение основного текста</p>

Получилось:

основной текст курсив продолжение основного текста.


Чтобы сделать подчеркивание текста используется тег <u> underline – подчеркивание:

<p>основной текст <u>подчеркнутый текст</u> продолжение обычного текста</p>

У нас получилось:

основной текст подчеркнутый текст продолжение обычного текста.


Также можно сочетать все выше перечисленные теги для достижения нужного эффекта:

<p>текст <b><i>текст</i> текст</b> текст</p>

Получаем:

текст текст текст текст.


Есть еще интересный тег <pre></pre>, он помогает сохранить все пробелы, переносы строк, т.е. перенести в HTML текст так, как Вы набрали его в текстовом редакторе (блокноте, например).

Понравилась статья?

Поделитесь ей с друзьями:

Есть вопросы? Задайте их через форму комментариев.
 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *