Знакомство с HTML-языком

По моему мнению, язык HTML - Язык разметки гипертекста - очень легкий. Это объясняется, во-первых, тем, что его можно осваивать постепенно, по мере необходимости или желания усложнять свои творения. Во вторых - тем, что каждый шаг в создании страницы можно контролировать, просматривая результат в окне браузера и оперативно внося исправления. И в третьих - наличием таких редакторов, как SNK Visual HTML Workshop. Но, несмотря на всю его легкость, для того, чтобы с ним работать, нужно познакомиться хотя бы с его основами.
HTML-документы или WEB страницы, как Вам удобнее, строятся при помощи слов-тегов. Теги являются командами браузеру, указывающими, что необходимо сделать с материалом внутри тега. Браузеры распознают теги по наличию угловых скобок < и >. То есть, все, что находится между такими скобками, воспринимается браузерами, как руководство к действию. Правда, если браузер встречает незнакомый ему или неправильно записанный тег, он его игнорирует молча, нисколько не задумываясь над тем, что же Вы ему хотели скомандовать.
Теги бывают двух типов: теги-контейнеры и теги-команды. Теги-контейнеры состоят из двух частей: открывающей и закрывающей. В открывающую часть кроме названия тега включаются при необходимости параметры тега, закрывающая часть обозначается прямой дробной чертой, стоящей внутри угловых скобок перед названием тега. Между открывающей и закрывающей частями находятся данные, которые будут выводиться на экран. Например, тег, говорящий браузеру о том, что ему необходимо построить таблицу выглядит так: &ltTABLE (параметры таблицы)>данные, которые мы хотим показать в таблице </TABLE>. Некоторые теги-контейнеры не требуют закрывающей части. Теги-команды состоят из одной части. Например, тег &ltBR> говорит браузеру, что в этом месте необходимо перевести строку.
Как правило, HTML-документ содержит в себе как минимум три обязательных тега:
тег &ltHTML></HTML>, внутри которого размещается весь документ. Этот тег говорит браузеру о начале и конце документа. На самом деле браузер (во всяком случае Internet Exploper) принимает документ за свой даже в случае, если в нем вообще нет никаких тегов, а в названии есть расширение .html . В этом Вы можете убедиться, посмотрев этот пример.
тег &ltHEAD></HEAD> - "заголовок", внутри которого размещается служебная информация для браузера
и
тег &ltBODY> </BODY> - "тело", внутри которого размещается все, что Вы хотели бы показать людям.
Вот так выглядит HTML-код простейшего документа в окне редактора:
&ltHTML>
&ltHEAD> здесь помещается служебная информация для браузера, поисковых машин и прочая
</HEAD>
&ltBODY> здесь - информация, которую Вы хотите показать </BODY>
</HTML>
, а вот так - этот документ выглядит в окне браузера.
Кроме того, вначале документа, перед тегом &ltHTML>, помещается строка, содержащая информацию о версии HTML. Например, для документа, который Вы читаете, такая: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Эти теги обязательны для документов, которые Вы желаете разместить в интернете. В файлах для "внутреннего употребления" они совсем не нужны. Например, в моих папках лежит несколько HTML-файлов с адресами серверов почтовых рассылок, досок обьявлений и т.д. Очень удобно - открываешь такой файл, кликаешь по ссылке - и ты уже на нужной тебе странице интернета. Что-то типа избранного, но во многих случаях удобнее тем, что в таких файлах можно добавить сколь угодно длинный комментарий к любой ссылке.
По ходу наших занятий я расскажу о применении многих самых употребляемых при создании страниц тегов. Как я уже упоминал, язык HTML довольно молодой и бурно развивающийся. О его бурном развитии говорит уже то, что новые версии, исправленные и дополненные, появляются каждые 2-4 года. Рассказывая об использовании тегов, я буду пользоваться в основном спецификацией HTML 4.0. Полностью ее можно найти здесь.
Теперь у нас есть все, чтобы приступить к делу - созданию самой страницы. Но прежде, чем создавать ее "в натуре", необходимо представлять, что же мы будем делать, как будет выглядеть страница. Поэтому поговорим немного о стилях.