Памятка «Основные теги языка 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>

Теги 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>