Памятка "Теги языка 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> выравнивание абзаца по центру
&nbsp; вставка пробелов
<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 задаёт объединение двух ячеек в столбце
Пример
  текст      2   
   4   
<TABLE BORDER=1>
<TR>
<TD ROWSPAN=2>текст</TD>
<TD>2</TD> </TR>
<TR> 
<TD>4</TD></TR>
</TABLE>
<TD COLSPAN=2>текст</TD> COLSPAN=2  задаёт объединение двух ячеек в строке
Пример
     текст     
   3       4   
<TABLE BORDER=1>
<TR>
<TD COLSPAN=2>текст</TD></TR>
<TR><TD>3</TD>  
<TD>4</TD></TR>
</TABLE>