• Авторизация
Дневник Идущая_на_жизнь Лента друзей - Дневник - Полная версия


Шпаргалка тегов для li.ru 11-07-2008 14:47 к комментариям - к полной версии - понравилось!



Если вам есть, что добавить, или вы хотите что-то спросить, пишите!

Оформление текста

1) Выделение текста

  • <b>жирный</b> -> жирный

  • <i>курсив</i> -> курсив

  • <u>подчеркнутый</u> -> подчеркнутый

  • <s>зачеркнутый</s> -> зачеркнутый

  • <sub>нижний регистр</sub> -> СЛОВО нижний регистр

  • <sup>верхний регистр</sup> -> СЛОВО верхний регистр

  • <font color="#CC0099" size="5">цветной шрифт размера 5</font> -> цветной шрифт размера 5. Размеры бывают от 1 до 7 или в пикселях, например: 10px


2) Инородные вставки в текст, не считая изображений

  • <hr/> линия вот такая:

    линия может быть какой-то толщины size="5", цвета color="#CC0099", занимать сколько-то процентов от ширины страницы width="50%" и размещаться по центру align="center"/по левую сторону align="left"/по правую сторону align="right" страницы
    <hr size="5" color="#CC0099" width="50%" aligh="center"/>

  • <blockquote>Цитата</blockquote> ->
    И жили они долго и счастливо, и умерли в один день. (с) Народные сказки

  • Маркированный список
    <ul>
    <li>первый</li>
    <li>второй</li>
    <li>третий</li>
    </ul>
    Вот такой:

    • первый

    • второй

    • третий



  • Список нумерованный
    <ol>
    <li>первый</li>
    <li>второй</li>
    <li>третий</li>
    </ol>
    Вот такой:

    1. первый

    2. второй

    3. третий




3) Форматирование текста

  • <br/> - этот тег насильственно переносит, все что располагается ПОСЛЕ него, на новую строку ->
    вот мой суперский текст на Нобе
    левск... что за?! (Глухой голос: "Это был перенос строки")

  • &nbsp; - этот набор символов - эквивалент пробела. Им можно отодвигать текст
    вот, например, отсюда       отодвинуто на 7 пробелов

  • <pre>текст, который как введешь, так и будет отображаться безо всякого дополнительного форматирования</pre> -> 
     текст, 
    
           который как      введешь,
    
           так и будет отображаться       безо всякого 
    
                    дополнительного форматирования

    Удобно стихи публиковать, например.

  • <p>длинный абзац</p> ->

    это супер длинный очень-очень-очень-очень -очень-очень-очень-очень-очень-очень -очень-очень-очень- очень-очень-очень-очень длинный абзац


    <p align="right">длинный абзац, отформатированный по правой стороне</p> ->

    это супер длинный очень-очень
    -очень-очень -очень-очень-очень -очень-очень-очень -очень-очень-очень- длинный абзац, отформатированный по правой стороне


    его так же можно отформатировать:
    - по левой стороне - "left". Это значение у тега стоит по умолчанию. Т.е. если вы ничего не напишете, текст будет выровнен по левой стороне.
    - по центру - "center"
    - по ширине - "justify"


Ссылки

  • Ссылка на другую страницу
    <A href="http://www......">Мой сайт</а> -> Мой сайт

  • Ссылка на место в этом же документе.
    Внимание! Для того, чтобы сослаться на место в документе, надо в этом месте добавить "якорь".
    Вот такой: <A name="imyayakoria"></а>
    Ссылка на якорь будет выглядеть так:<A href="http://www......#imyayakoria">Эта ссылка перенесет вас к якорю в конец поста</а> -> Эта ссылка перенесет вас к якорю в конец поста


Картинки

  • Как вставить картинку
    <img src="http://www......jpg" width="ширина картинки" height="высота картинки" vspace="отступ по вертикали" hspace="отступ по горизонтали" alt="слова, которые будут отображаться вместо картинки, если картинки отключены" title="описание картинки, которое будет отображаться при наведении курсора" border="толщина границы картинки" align="как текст обтекает картинку"/> т.е. вот так с введенными значениями:
    <img src="http://img0.liveinternet.ru/images/foto/b/3/624/848624/f_15018075.gif"
    width="25" height="25" vspace="10" hspace="10"
    alt="Кавычки" title="это кавычки" border="1" align="top" /> ->
    [показать]Поднесите курсор к картинке, появится текст-подсказка.

    ПРИМЕЧАНИЯ:
    1. Ширина и высота картинки измеряются в пикселях. Посмотреть размер вашей картинки можно в любой программе-просмотрщике.
    2. Граница картинки измеряется в пикселях. Если хотите, чтобы границы не было, поставьте border="0".
    3. Текст может обтекать картинку по нижнему краю, если align не указан (это значение по умолчанию), по верхнему краю align="top", справа align="left",слева align="right", относительно центра строки align="middle"

  • Как вставить картинку по центру
    Заключите картинку в тег <p align="center">ваша картинка </p>

    [показать]



Чисто Лирушные теги

  • Как положить что-то "под кат"
    используем тег [more*=ваши слова] без звездочки
    можно сделать несколько катов:
    текст
    [more*=ваши слова]спрятанный текст [/more]
    видимый текст
    [more*=ваши слова]спрятанный текст [/more]
    НО: при нажатии на один кат, откроются все


ИНСТРУМЕНТАРИЙ
Якорь #imyayakoria здесь
вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Шпаргалка тегов для li.ru | Идущая_на_жизнь - лучшее время - настоящее время | Лента друзей Идущая_на_жизнь / Полная версия Добавить в друзья Страницы: раньше»