Памятка "Теги языка HTML"
Создаём документ в блокноте и сохраняем как index.html, просматриваем в браузере, редактируем в блокноте
Теги HTML | Пояснение значения операции | ||||
<html> | обозначение документа как Web-станица | ||||
<head> | указывает наличие текста, содержащего название страницы | ||||
<title>Страница сайта </title> | указывает название страницы в браузере | ||||
</head> | завершение действия данной операции | ||||
<body bgcolor="#dffd09"> | задание начала и цвета фона страницы | ||||
<font size="?">Пробная</font> | Задает размер шрифта, вместо знака ? значения 1,2,3, 4, 5, 6, 7 что соответствует 8,10,12,14,18,24,36 шрифтам | ||||
<font color="#0009ff"> | задает цвет шрифта, значение 0009ff - код цвета | ||||
<br> | переход на новую строку | ||||
<b>текст</b> | полужирный шрифт | ||||
<i>текст</i> | курсив | ||||
<u>текст</u> | подчеркнутый | ||||
<p align=center>Пробная</p> | выравнивание абзаца по центру | ||||
| вставка пробелов | ||||
<table width=100% border="5"> | таблица по ширине страницы на 100% | ||||
border="5" - задает толщину границы таблицы | |||||
bordercolor="#ff0000" | Задаёт цвет рамки таблицы | ||||
<tr> | задает строку в таблице | ||||
<td> текст </td> | задает ячейку в строке | ||||
<td bgcolor="#00FF00">Текст</td> | цвет ячейки зелёный | ||||
<td width="150" height="150"> </td> | задание ширины и высоты ячейки | ||||
</tr> | завершение создания строки | ||||
</table> | завершение создания таблицы | ||||
<img src="1.jpg"> | вставка рисунка | ||||
<embed src="1.swf" width="150" height="150"> | вставка анимационного файла, width - ширина окна, height - высота окна. | ||||
<marquee>текст</marquee> | создание бегущей строки | ||||
<textarea | текстовая область | ||||
cols=20 | кол-во символов в окне | ||||
rows=5 | кол-во строк | ||||
wrap="on">Текст</textarea> | "on" перенос есть, off - нет переносов | ||||
<iframe src="page.html" | iframe создание фрейма; src="page.html" вставка страницы | ||||
scrolling="yes" | scrolling="yes" наличие прокрутки | ||||
frameborder="no" width="600" height="250"> | frameborder="no" границы нет, yes есть границы width="600" height="250" размеры окна фрейма | ||||
</iframe> | </iframe> окончание действия тега | ||||
<a href="page.html">Текст</a> | создание гиперссылки в тексте | ||||
<a href="page.html"><img src="1.jpg"</a> | создание гиперссылки на графическом файле | ||||
</body> | завершение страницы | ||||
</html> | завершение HTML - документа | ||||
<font color="#0000ff"> | Цвет текста синий | ||||
<font color="#00ff00"> | Цвет текста зелёный | ||||
<font color="#ff0000"> | Цвет текста красный | ||||
<font color="#ffffff "> | Цвет текста белый | ||||
<HR> | создание горизонтальной линии | ||||
<HR color="00FF00" size=3 width=220 align=left> | Задание цвета, толщины, ширины, расп. слева | ||||
<TD ROWSPAN=2>текст</TD> | ROWSPAN=2 задаёт объединение двух ячеек в столбце | ||||
Пример |
| ||||
<TABLE BORDER=1> | |||||
<TR> | |||||
<TD ROWSPAN=2>текст</TD> | |||||
<TD>2</TD> </TR> | |||||
<TR> | |||||
<TD>4</TD></TR> | |||||
</TABLE> | |||||
<TD COLSPAN=2>текст</TD> | COLSPAN=2 задаёт объединение двух ячеек в строке | ||||
Пример |
| ||||
<TABLE BORDER=1> | |||||
<TR> | |||||
<TD COLSPAN=2>текст</TD></TR> | |||||
<TR><TD>3</TD> | |||||
<TD>4</TD></TR> | |||||
</TABLE> |