/|\АРТЕМ.NET.RU /|\ - Портал для программистов и не только: Delphi Visual Basic BORLAND С++ PERL PHP HTML

С чего начинать?

Для начала Вам нужно выбрать редактор. Cyщecтвyeт двa типa peдaктopoв: WYSIWYG (What-You- See-Is What-You-Get Что-ты-видишь-то-и-получаешь) и peдaктopы, paбoтaющиe нaпpямyю c HTML-кoдoм. Ecли Вы нe имeeтe ни мaлeйшeгo пpeдcтaвлeния o HTML, тo для начала Вaм пoдoйдyт peдaктopы пepвoй гpyппы, нaпpимep:

Front Page, Word

В это случае читайте файлы справок этих программ. Ecли хотите научиться работать с HTML-кoдoм напрямую, а речь в данном учебнике пойдет как раз об этом, воспользуйтесь -

HTMLPad, Блокнот, Bred

Лично я выбрал Bred, которым заменил стандартный Блокнот Windows. Bred в отличие от Блокнота обладает множеством разных настроек - панель инструментов и статуса, неограниченная отмена действий, есть подсветка HTML тегов, автозамена, автоматическая регистрация расширений (*.txt, *.ini, ...), а лимит текста - не менее 1Mb. И это далеко не все его возможности.

С чего же начинать? Во-первых, попробуйте сделать следующее... Откройте Блокнот и наберите в нём текст, представленный в таблице ниже. При этом то, что выделено красным Вы исправляете, а мои комментарии, выделенные черным, - удаляете. Последнее делается по желанию, т.к. Обозреватель игнорирует комментарии. Комментарии иногда очень помогают программисту ориентироваться в собственном же 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>. Между этими тэгами всегда должна находиться информация о кодировки страницы, в нашем случае -

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

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

Подробную информацию о тэгах смотрите в разделе Список елементов HTML.

Перейти к разделу "Учебники по HTML"