|
Информация в HTML представляется в виде "слов"- тегов, каждый из которых имеет своё назначение. Теги определяют границы действия элементов и отделяют элементы друг от друга. Например, тег <Title>...</Title> создаёт заголовок WEB-страницы.
<Title> Заголовок строаницы </Title>
Каждый тег заключён в угловые скобки <>, не надо забывать, что любое слово заключенное в такие скобки броузер воспринимает как тег и пытается его вывести должным образом. В случае, если вы допустите ошибку в написании тега, броузер просто не сможет его интерпретировать и выдаст вам его вам в виде текста или еще как ни будь.
Так же, каждый тег имеет начальный и конечный элемент (правда существуют и исключения). Оба элемента, как я уже сказал выше, заключены в угловые скобки. Но, конечный элемент обязательно начинается с косой черты..
Пример:
<FONT>
- начальный элемент тега.
</FONT>
- конечный элемент тега.
В свою очередь, каждый тег имеет ряд атрибутов, которые расширяют его возможности, а атрибутам присваиваются значения. Значения могут быть текстовыми или числовыми. Рассмотрим это на примере:
<FONT size="4" face="Arial Black"
color="Gray">
Пример действия атрибутов
</FONT>
На
этом примере, мы видим тег <FONT >...</FONT>
, который
определяет размер, тип, и цвет шрифта. За каждый из этих параметров,
отвечает отдельный атрибут.
SIZE - устанавливает размер шрифта равный 4 пикселям.
COLOR - устанавливает цвет шрифта.
FACE - определяет шрифт, которым броузер выведет текст на экран.
Пример действия атрибутов:
Мы рассмотрели основные правила обращении с тегами HTML. Сейчас переходим к рассмотрению состава WEB-страницы.
Все теги HTML можно условно разделить на две категории:
тэги, определяющие структуру (тело) документа, его основные разделы.
тэги, определяющие внешний вид документа графику, расцветку, форматирование и т.д.
Так выглядит простая WEB-страница:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Простая WEB-страница.</title>
</head>
<body>
</body>
</html>
Рассмотрим подробно её состав.
<!DOCTYPE> тег,
является первым и обязательным в документе HTML. Он определяет, что это
действительно HTML документ, а не XML или ещё нечто подобное. Так же, он
сообщает версию языка HTML. Данный элемент не имеет конечного
тега.
<HTML>...</HTML>- этот тег, сообщает броузеру
о начале и конце документа HTML.
<HEAD>...</HEAD>-
включает в себя информацию, типа названия, специальных команд, данных для
сценариев, метаданных о др. информацию, которая не отображается на
экране.
<TITLE>...</TITLE>- присваивает название
странице HTML. Информация заключенная в между тегами будет выводится в
строке заголовка броузера.
<BODY>...</BODY>- вся
информация находящаяся между этими тегами будет отображаться в видимом
поле броузера. Внутри элемента BODY можно использовать все элементы,
предназначенные для дизайна WEB-страницы. Внутри начального тега BODY
можно расположить ряд атрибутов, задающих основные данные о дизайне
WEB-страницы.
Список некоторых атрибутов тега
BODY:
bgcolor="#000000"-Задаёт цвет фона
WEB-страницы.
background="путь к файлу фона"- Определяет
рисунок фона WEB-страницы.
text="#ffffff"- Задаёт цвет
шрифта.
link="#0000ff"- Задаёт цвет шрифта
гиперссылок.
vlink="#99ffff"- Задаёт цвет для просмотренных
гиперссылок.
alink="#00ff00"- Задаёт цвет для последней
выбранной пользователем гиперссылки.
На вышеописанных примерах, я
думаю вы поняли основные принципы HTML и теперь уже в состоянии написать
простую
WEB-страницу.
|
