HTML (эйч-ти-эм-эль) — это… суп из латинского алфавита.

Шутка.

Заново.

HTML (эйч-ти-эм-эль) — это язык гипертекстовой разметки (Hypertext Markup Language).

Это самый простой язык на Земле. Как в разговорных языках (по-крайней мере, не иероглифических) основной структурной единицей являются слова, так в HTML — теги.

Теги (от английского tag — ярлык, этикетка…, бирка в конце концов) — это особые <slova>, заключенные в треугольные скобки, с помощью которых и «разметывается» веб-страница. В научном мире теги также называются дескрипторами (от английского descriptor — описатель, описание, что в свою очередь от латинского describere — записывать, описывать).

HTML теги могут быть парными и одиночными. Парные содержат открывающую и закрывающую часть, одиночные только сами себя. :)

Например,

1
2
3
<h1>Заголовок</h1> - парный тег h1

<br /> - одиночный тег br

Ай, лучше на пальцах (а пальцы веером… :) ).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Заголовок страницы, который будет отображаться на вкладке браузера</title>
<link href="css_folder/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="index.htm" title="Это выскакивающее из под мышки (при наведении на ссылку) какое-нибудь текстовое сообщение, например, Вернуться на главную страницу">А вот это уже реально видимый на сайте текст - заголовок, например, <br />
Приветствуем вас на нашем сайте!</a></h1>
</div>
<div id="mainNav">
<ul id="homeNav">
<li><a href="kakaya-to-stranica-raz.html" title="текст из-под мышки раз" class="one">Пункт меню раз</a></li>
<li><a href="kakaya-to-stranica-dva.html" title="текст из-под мышки два" class="two">Пункт меню два</a></li>
<li><a href="kakaya-to-stranica-tri.html" title="текст из-под мышки три" class="three">Пункт меню три</a></li>
</ul>
</div>
</div>
<div id="mainContent">
<p>Это любой параграф из текста</p>
</div>
</body>
</html>

Это был пример страницы в HTML. Надеюсь, он вам понравился. :)