2010-07-29

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

<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>
.....
<li>N - элемент</li>
</ol>
  1. первый элемент
  2. второй элемент
  3. ......
  4. N - элемент
Маркированный список
<ul type=disc>
<li>первый элемент</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> - ссылка откроется в новом окне.
     подробнее читать здесь

Кнопка с выпадающим списком:
  копируем код из окошка


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


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

     подробнее читать здесь

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


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


         Подробнее читайте здесь

Вставка флэш:

, где "ссылка-на-файл" - адрес файла,
width=450 height=300 - размеры флэш (можно менять)