Урок 1.
Что такое HTML? HTML (HyperText Markup Language) - язык гипертекстовой разметки. Используется для создания web-страниц, которые являются HTML-документами. С помощью HTML мы делаем разметку документа, например, где должен находиться тот или иной файл, как будет звучать тот или иной фрагмент текста в речевых браузерах, какого цвета будет заголовок абзаца и т.д. Хочется особо отметить тот факт, что помимо графических браузеров, существуют ещё браузеры речевые и текстовые (не отображают графику), что и советую не забывать при создании web-страниц. Процент пользователей с такими браузерами невелик, но ни один профессионал не позволит себе проигнорировать эту, пусть и небольшую интернет-аудиторию.
Как же выглядит этот язык? (самый лёгкий язык в мире). HTML состоит из специальных символов, так называемых тэгов, с помощью которых мы управляем содержимым документа.
Например: мы хотим выделить текст курсивом.
мы хотим <EM> выделить текст курсивом </EM>
Так будет выглядеть строка в виде HTML, где <EM> - это тэг, который даёт браузеру команду выделить текст курсивом, а </EM>- это закрывающий тэг. Вместе они образуют пару тэгов, которая называется "элемент" или "тэг-контейнер". Большинство тэгов в HTML парные, однако, есть и одиночные.
Например: тэг принудительного перевода строки <BR>.
Обратите внимание на то, как выглядит сам тэг. Все тэги в HTML выделены ограничивающими символами "<" и ">", что позволяет легко узнавать их в процессе редактирования готового документа. А закрывающий тэг начинается со знака "/"
В процессе создания документа часто возникает необходимость делать заметки - комментарии, для того, что бы впоследствии свободнее ориентироваться в HTML-пространстве. Для этого, комментарии в своём документе вы заключаете в знаки
"<!--" и "-->".
Например:<!--saved from url=(0063)http://www.t1.com/us.html -->
У тэгов могут быть параметры. У одних их очень много, а у других нет вообще. Параметры в свою очередь могут иметь значения. Если значение не задано, параметр примет значение по умолчанию. Короче, если вы не задаёте значение, браузер задаст его сам.
Например: <BODY bgcolor="#335533">, где BODY-тэг, bgColor -параметр, #335533 -значение.
HTML-документ, отвечающий спецификации HTML4.0 начинается со строки:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Эта строка говорит браузеру о том, что документ соответствует международной спецификации версии 4.0. Затем мы должны открыть документ с помощью элемента <HTML>. Запомним, что любой HTML-документ всегда открывается с помощью тэга <HTML> и закрывается с помощью тэга </HTML>. Между ними расположен сам документ, состоящий из двух разделов: HEAD и BODY ( заголовка и тела ).
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>пример простого HTML-документа</TITLE>
</HEAD>
<BODY>на экране появиться только эта фраза</BODY>
</HTML>
Согласитесь, что комментарии здесь излишне.
Не могу не сказать пару слов о таблицах стилей CSS (cascading style sheets), представляющих собой инструменты присоединения стилей к HTML- документам. С их помощью мы можем управлять шрифтом и цветом текста, распределением материала, и т.д. То есть мы задаём для всего документа определённые правила отображения на экране монитора тех или иных элементов данного HTML- документа. Допустим, нам нужно все заголовки первого уровня отобразить белым цветом, а заголовки третьего уровня - красным. Всё это реализуют CSS, к тому же очень просто!
Пример синтаксиса: <STYLE type="text/css">
H1 { color: white }
H3 { color: red }
</STYLE>
Введение таблиц стилей в процесс создания HTML-документов со временем приведёт к исчезновению многих элементов и параметров, применяемых сейчас в веб-страницах и описываемых мною в этой книге. Однако у нас с вами есть чёткая цель: научиться создавать сайты средствами HTML. Согласны? Тогда переходим к уроку 2.
1. CCCP* |PR@DO
