Памятка «Основные теги языка HTML»
Создаём документ в блокноте и сохраняем как имя.html, просматриваем в браузере, редактируем в блокноте
Теги HTML | Пояснение значения операции |
<html> | обозначение документа как Web-станица |
<head> | указывает наличие текста, содержащего название страницы |
<title>МУ №13 </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="13.html" | iframe создание фрейма; src="13.html" вставка страницы |
scrolling="yes" | scrolling="yes" наличие прокрутки |
frameborder="no" width="600" height="250"> | frameborder="no" границы нет, yes есть границы width="600" height="250" размеры окна фрейма |
</iframe> | </iframe> окончание действия тега |
<a href="13.html">Текст</a> | создание гиперссылки в тексте |
<a href="13.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> |