Форматирование текста HTML-тегами

Сегодня хочу поведать таким "чайникам", как я , как можно с помощью HTML-тегов отформатировать любой текст. Приведу стандартные и всем известные теги.

1. Полужирный текст Оформляется следующими тегами:
<b> Полужирный текст </b>


2. Курсив
<i> Курсив </i>

3. Подчеркивание
<u> Подчеркивание </u>

4. Текст или изображение по центру
<center>Текст или изображение по центру </center>

4а. Добавлено: Текст по правому краю

<div align=right> Текст по правому краю</div>


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

<blockquote> Абзац строки с двойным интервалом от предыдущей строки</blockquote>


6. Уменьшить текст на один пункт , можно на 2 пункта и т.п.
<font size="-1"> Уменьшить текст на один пункт </font>

7. Увеличить текст на два пункта , можно на 1,3,4 пункта и т.д.
<font size="+2"> Увеличить текст на два пункта </font>

8. Текст синим цветом
<font color="navy"> Текст синим цветом </font>

Вместо navy можно вставить любой другой цвет:
white - белый,
black – черный,
grey – серый,
red – красный,
green – зеленый,
blue – синий,
yellow – желтый.


9. Можно воспользоваться Безопасной таблицей цветов. При этом код примет следующий вид:

Текст оливковом цветом
<font color="#999933"> Текст оливковом цветом</font>

т.е. вместо названия цвета вставляем его цифровое значение, перед которым вставляем решетку #


Пока это все, что я хотел рассказать вам о форматировании текста. Продолжение следует :) )

This entry was posted on Среда, Август 12th, 2009 at 8:52 дп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

4 Responses to “Форматирование текста HTML-тегами”

  1. Invincible:

    спасибо за таблицу цветов. полезная вещь.а как сделать центрирование не по центру, а по правому краю записи?

  2. Алексей:

    Я добавил пункт 4а. Смотрите.

  3. Amelie:

    Спасибо.Полезная информация о тексте,шрифте и цвете.Думаю,просто необходимо воспользоватся приобретенными знаниями :)

  4. Алексей:

    Если у вас есть свой сайт или блог, то обязательно поэкспериментируйте)))

Прокомментировать запись: