Справочник по HTML. Народная коммуна

Это полезно знать

Для ручного редактирования необходимо помнить, что броузер воспринимает ряд пробелов как один пробел, ряд пустых строк как одну строку, поэтому для удобства просмотра и исправления не смешивайте в один сплошной кусок все содержимое файла. Не бойтесь разделять разные элементы пустыми строками и пробелами. При желании вы можете внести в html-файл комментарий, который никак не повлияет на то, что отображается на экране, но поможет при редактировании.

Комментарий


Не меняйте произвольно размеры картинки, регулируя параметры "width" и "height" - качество теряется сразу. Ширина и высота должны совпадать с реальными размерами, определяемыми в Фотошопе.

Для имен файлов всегда используйте только маленькие буквы. В Интернете регистр букв - важный параметр. Скажем, Index.html - не одно и то же, что index.html или INDEX.html.

Баннеры

Стандартные размеры, в пикселах
470 x 60
468 x 60
234 x 60
120 x 60
100 x 100
200 x 55
230 x 33
88 x 31

К оглавлению

Приятные фишки

Которыми нельзя злоупотреблять! Этим грешат многие начинающие ... веб-дизайнеры.

Надпись, появляюшаяся внизу броузера в тот момент, когда вы бродите над картинками
<a href=... onMouseover="window.status='Надпись, когда мышка над картинкой';return true;" onMouseout="window.status='Надпись, когда мышка вне картинки'"><img src="2.gif"></a>

Добавить в избранное
<a href=javascript:window.external.AddFavorite('http://kommuna.narod.ru')> Добавить в избранное</a>

Добавить в избранное...И сделать домашней стр.
<img src=... alt="Добавить в Избранное и сделать Стартовой Страницей" style="cursor:hand" onClick="window.external.AddFavorite(location.href,document.title);this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.kommuna narod.ru')">

Цвет ячейки таблицы, меняющийся от положения мышки (вне ячейки, над ячейкой)
<td bgcolor="#f0f0f0" onmouseout="this.style.backgroundColor='#f0f0f0'" onmouseover="this.style.backgroundColor='#fcfcfc'">

Ссылка, открывающаяся в новом окне с заданными размерами
<a href="#" onClick="window.open('...html','имя окна','width=500,height=520')">...</a>

К оглавлению

Список тэгов

Тэг	Название элемента	Атрибуты
a	Гиперссылка	href=адрес, target=указание окна, в котором откроется ссылка
b	Полужирный текст	-
body	"Тело файла"	bgcolor=цвет фона, backgrond=фоновая картинка, link=цвет ссылок, alink=цвет активной ссылки, vlink=цвет посещенной ссылки
br	Перенос строки	-
center	Расположение по центру	-
frameset	Фреймовая структура	много
frame	Фрейм	много, см. фреймы
font	Описание параметров текста	color=цвет, face=шрифт, size=размер
hr	Горизонтальная линейка	size=, color=, noshade
html	Начало html-файла	-
i	Курсивный текст	-
img	Картинка	src=путь и название файла, width=ширина, height=высота, border=рамка, alt="Текст под картинкой"
p	Абзац основного текста	-
table	Таблица	cellpadding=внутренний отступ, cellspacing=внешний отступ, border=рамка
tr	Строка таблицы	-
td	Ячека таблицы	bgcolor=цвет фона, width=ширина, height=высота, valign=вертикальное выравнивание (верх, сердина, низ)

К оглавлению