<html>
             <head>
             </head>

             <body>
             </body>

           </html>

<TITLE></TITLE> - "НАЗВАНИЕ" страницы "Атрибут title используется для краткого описания ссылки. Если вы - не щёлкая мышью - поместите её указатель над ссылкой, вы увидите, как появится текст"

<head> - (голова или "шапка"), содержит информацию о странице

<body></body> - тело документа

<p></p> - параграф

<br> - с новой строки

<hr> - горизонтальная линия

<b> и </b> - жирным шрифтом

<h1> <h2> <h3> <h4> <h5> <h6> - размер шрифта

<i></i> -  курсивом

<small></small> -  уменьшенным шрифтом

<ul>
<li>
Элемент списка
</li>
<li>
Другой элемент списка
</li>
</ul> - "кнопка"


<ol>
<li>
Первый элемент списка
</li>
<li>Второй элемент списка
</li>
</ol> - "нумерация"

<body style="background-color:#ff0000;"> - фон страницы

<p style= background-color:#ff0000; > - фон параграфа

Белый: #ffffff
Чёрный: #000000 (нули)
Красный: #ff0000
Синий: #0000ff
Зелёный: #00ff00
Жёлтый: #ffff00

<a href = "http или file":// ссыль> - Это ссыль </a>

<a href = page2.htm> - Щёлкните здесь для перехода на page 2</a>

<a href = "папка"/page2.htm>Щёлкните здесь для перехода на page 2</a>

<a href = ../page1.htm>Ссылка на page 1</a> ( ../ - на уровень (папку) выше )

<img src = адрес/название.jpg alt = "название" />

<img src="http://www.html.net/logo.png">

<a href="http://www.html.net"><img src="logo.png"></a> - ссыль картинка

<img src="logo.png" width="141" height="32"> - ширина, высота

                 ТАБЛИЦЫ

<table>
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
</tr>
<tr>
<td>
Cell 3
</td>
<td>
Cell 4
</td>
</tr>
</table>

<table> - начало и конец таблицы. Логично.
<tr>  - "table row/ряд таблицы", начинает и заканчивает горизонтальный ряд ячеек. Тоже логично.
<td>  - сокращение от "table data/табличные данные". Этот тэг начинает и заканчивает каждую ячейку ряда таблицы. Всё просто и логично.

<table border="1"> - border=ширина рамки таблицы 

<table border="1" width="30%"> - width=ширина таблицы на экране

		CSS