• Авторизация


Шпаргалка HTML для blogger 13-11-2015 00:22 к комментариям - к полной версии - понравилось!

Это цитата сообщения svet-lana51 Оригинальное сообщение

Шпаргалка HTML для blogger

Иванова Наталья HTML
<*hr> - Линия:
<*br/> - Перенос по строке вниз;
*title="ТЕКСТ" - всплывающая подсказка;
*&*nbsp; *&*nbsp; *&*nbsp; *&*nbsp; - пробел;
<*u>Ваш текст<*/u> - Подчеркнутый;
<*s>Ваш текст<*/s> - Перечеркнутый;
<*b>Ваш текст<*/b> - Полужирный;
<*big>Ваш текст<*/big> - Полужирный крупный;
<*i>Ваш текст<*/i> - Курсив;
<*tt>шрифт "пишущая машинка"<*/tt> - шрифт "пишущая машинка"
<*blockquote>цитата<*/blockquote> - цитата

Таблица:<*table border=0 widht=52%> -
таблица (начало)
<*tr> - строка (начало);
<*/tr> - конец строки;
Между символами <*td> и <*/td> заключается отдельная ячейка таблицы;
<*/table> - конец таблицы.
Подробнее о таблицах здесь

Убрать под кат:
<*cut text="Читать далее/ смотреть все картинки/и т.п."> Ваш текст, который нужно убрать под кат <*/cut>

Выравнивание текста:
<*div align=right> ваш текст <*/div> - выравнивание по правому краю;
<*div align=justify> ваш текст <*/div> - выравнивание по всей ширине текста;
<*center>ваш текст, картинка<*/center> - центрирование.

Списки HTML
Нумерованный список
<*ol type=1><*li>первый элемент
<*li>второй элемент<*/li>
.....
<*li>N - элемент<*/li>
<*/ol>
первый элемент
второй элемент
......
N - элемент
Маркированный список
<*ul type=disc>
  • первый элемент<*/li>
    <*li>второй элемент<*/li>
    .....
    <*li>N - элемент<*/li>
    <*/ul>
    первый элемент
    второй элемент
    ......
    N - элемент


    Окошко для вставки кода:
    1.
    <*textarea rows="2" cols="40"> ВАШ КОД <*/textarea> , где cols - ширина окошка в px, а rows - число строк в окне.

    ВАШ КОД

    2.

    <*input type='*text' *size='15' *value='Ваш код'>

    Изменяем шрифт, размер и цвет текста:
    <*span style="*font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст<*/span> , где font-family - шрифт, color - цвет, font-size - размер.
    подробнее читать здесь

    Оформление ссылок:
    <*a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ<*/a>
    <*a href="АДРЕС СТРАНИЦЫ"><*img src="АДРЕС КАРТИНКИ"><*/a> - кликабельная картинка,
    <*a href="АДРЕС СТРАНИЦЫ" *target="*_blank">ВАШ ТЕКСТ<*/a> - ссылка откроется в новом окне.
    подробнее читать здесь
    Кнопка с выпадающим списком:
    копируем код из окошка


    <*form action="*http://freiman.info/files/link.php" method="*GET">
    <*br /><*input type="*hidden" name="h" value="*_self" */><*br /><*select id="*links" name="*links"><*br /><*option value="ССЫЛКА">НАЗВАНИЕ<*/option><*br /><*option value="ССЫЛКА">НАЗВАНИЕ<*/option><*br /><*option value="ССЫЛКА">НАЗВАНИЕ<*/option><*br /><*option value="ССЫЛКА">НАЗВАНИЕ<*/option><*br /><*option value="ССЫЛКА">НАЗВАНИЕ<*/option><*br /><*/select> <*input type="*submit" value="НАДПИСЬ НА КНОПКЕ" /><*br /><*/form>


    Копируем код и вставляем в новую запись в формат HTML, вместо слова ССЫЛКА пишем необходимый URL адрес (ссылку, по которой нужно перейти)
    Вместо слова НАЗВАНИЕ пишем описание этой ссылки (например: главная страница)
    Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, мы перейдём на нужную страницу (например, Перейти)

    Отправить

    Пишем на картинке:
    копируем код из окошка

    <*center>
    <*table background="АДРЕС КАРТИНКИ">
    <*tr><*td width="ширина картинки" *height="высота картинки"><*span >ВАШ ТЕКСТ<*/text><*/td><*/tr>
    <*/table>
    <*/center>


    подробнее читать здесь
    Обтекание картинки текстом:
    <*img src="*http:…" *align=*left *hspace=20 *vspace=20> , где *align=*left – картинка слева, текст справа
    *align=*right - картинка справа, текст слева
    *hspace=20 - расстояние между текстом и картинкой 20 пикселей по горизонтали
    *vspace=20 - расстояние между текстом и картинкой 20 пикселей по вертикали



    Ваш текст 1
    Ваш текст 2


    <*center>
    <*font style="*font-size:55px;*line-height:19px;*color: #3300CC;*font-family: *Impact;">Ваш текст 1<*br><*font style="*font-size:45px;*color: #FF0066;*font-family: *Impact;">Ваш текст 2<*/font><*/font><*/text><*/center>
    <*br><*br><*br /><*span style="*font-family:Arial;*color:#000000;*font-size:12px">Основной текст<*/span>

    Подробнее читайте здесь
    Вставка флэш:

    <*img src="*//img2.blogblog.com/img/video_object.png" *style="*background-color: #b2b2b2; *height: 300px; width: 450px; " *class="BLOGGER-object-element tr_noresize tr_placeholder" *id="*BLOGGER_object_0" *data-original-id="*BLOGGER_object_0" />

    , где "ссылка-на-файл" - адрес файла,
    width=450 height=300 - размеры флэш (можно менять)
  • вверх^ к полной версии понравилось! в evernote


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

    Дневник Шпаргалка HTML для blogger | madam-elena - Дневник madam-elena | Лента друзей madam-elena / Полная версия Добавить в друзья Страницы: раньше»