Начало.

Язык верстки HTML. Основные понятия.

HTML (HyperText Markup Language) - язык гипертекстовой разметки. Это некий язык разметки(вёрстки) на основе которого создаётся большинство сайтов в интернете. Даже самые серьёзные и сложные web-сайты имеют свою основу, скелет именно на этом языке вёрстки, html.

HTML позволяет верстать страницы, создавать сайты, то есть на языке html может быть создан очень хороший сайт. Все существующие на текущий момент браузеры умеют и читают html страницы и выводят уже в привычном для нашего взгляда и в красивом виде. Чтобы увидетьHTML-кодстраницы сайта, нажмите правой кнопкой мыши на пустом месте сайта и выберите "просмотр html-кода".

HTML это сокращение от "HyperText Mark-up Language/язык гипертекстовой разметки" - и на данном этапе этого знания вам вполне достаточно. Однако, чтобы всё было путём, давайте разъясним некоторые детали.

· Hyper противоположно linear/построчно. В добрые старые времена - когда кошки ловили мышей - компьютерные программы работали построчно: программа выполняла одну строку, затем переходила к выполнению следующей, и т. д. Но HTML работает по-иному - вы можете перейти куда и когда захотите. Например, не нужно посещать MSN.com до того, как посетить HTML.net.

· Text - всё понятно.

· Mark-up - это разметка, то, что вы делаете с текстом. Вы размечаете текст так же, как вы делаете это в текстовых редакторах: выставляете заголовки, списки, выделяете текст жирным шрифтом и т. д.

· Language это язык - HTML. В нём используется много английских слов.

HTML не является языком программирования, он предназначен для разметки сайтов, т.е. с помощью него размечают текст, таблицы, картинки и т.д. на странице. За размещение текста, картинок и любых других элементов на сайте отвечают именно те самые теги.

Разметка html - это расставление элементов страницы на сайте.

Откроем блокнот.

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ваш заголовок</title>
</head>
<body>


Название Вашего раздела
Здесь Ваш текст.


<center>
<img border=0 src="Имя графического файла с расширением" Width="Его размер по горизонтали" Height="Его размер по вертикали" alt="Здесь Вы указываете выпадающую подсказку">
</center>

</body>
</html>

Сохраните документ как htm файл (например, 001.htm) и запустите.

Большинство тегов имеют открывающийся элемент <> и закрывающийся </>. Между ними и находятся коды, которые распознает Обозреватель. HTML-документ всегда начинаться отрывающимся тегом <HTML> и заканчиваться закрывающим </HTML>. Дальше идет заголовок <HEAD></HEAD>. Между этими тегами всегда должна находиться информация о кодировки страницы, в этом примере <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">, и теги определяющие название страницы <TITLE></TITLE>.

Между тегами содержимого документа <BODY></BODY> можно располагать свою информацию, рисунки, видеофайлы, аудиофайлы...

Размеры графического файла (в пикселях) по горизонтали и по вертикали, а также выпадающую подсказку можно не указывать, но тогда страничка грузиться дольше, не забывайте об этом. И еще - большие картинки Обозреватель может игнорировать, если Вы не укажите их размеры.