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