Первый выпуск
Эту колонку будем вести Сюня и я, xomia. Она будет посвящена основам ХТМЛ-программирования и мелким заметкам, которые могут значительно облегчить вашу жизнь.
Первый выпуск будет посвящен ХТМЛ в целом. Нет ничего легче, чем сказать: " Ну вы понимаете, ХТМЛ - очень сложный язык программирования, на его изучение уходят годы... Так что создание простейшего сайта вам влетит в копеечку". Это не так, ведь создание HTML-документов починено простой логике и не намного сложнее, чем использование того же Ворда.
Страница создается с помощью определенных тегов, расшифровываемых компьютером. Основными достоинствами ХТМЛ-документов являются:
- малый инвормационный объем;
- возможность просмотра на персональных компьютерах, оснащенных различными операционными системами;
- интерактивность.
Для создания Веб-страниц используются различные программы, от профессиональных до простейего Блокнота. Для простоты большинство пользуется так называемыми WYSIWYG (What You See Is What You Get), которые наглядно показывают то, что вы увидите позже на экране. К этим программам можно отнести WMP и Netscape Communicator. Они не требуют знания тегов. Впрочем, можно сделать страницу не хуже, а в ряде случаев и лучше, используя просто Блокнот.
Элементы ХТМЛ
Элемент ХТМЛ - базовый сруктурный блок ХТМЛ-документа, который размечается с помощью тегов. Он практически всегда состоит из:
- открывающего тега;
- содержимого;
- закрывающего тега.
Тег состоит из символов "<", ">" и собственно названия тега. Нажав "Вид" - "Просмотр ХТМЛ-кода" вы сможете увидеть, как построена эта страница.
Страница начинается с тегов <head> </head> (открывающий и закрывающий теги). Между ними могут находиться другие теги, например<title> </title> между которым Можно написать то, что высветится в названии.
Дальше идет серия тегов <body> </body> . Между ними, собственно, и располагается содержимое страницы.
Для того, чтобы браузеры могли распознать, что перед ними Веб-страница, в начале и в конце надо поставить <html> </html>.
Откройте блокнот и напишите следующее (все теги пишутся английскими буквами, включая значки)
<html>
<head>
<title> Моя первая страница</title>
</head>
<body>
Это - моя первая ручная страница
</body>
</html>
Теперь сохраните фаил с разрешением .html например straniza.html и откройте в браузере. Если все сделано правильно, то откроется Веб-документ с названием "Моя первая страница" и подписью "Это - моя первая ручная страница".
Чтобы провести горизонтальную линию достаточно просто написать <hr>, этот тег не имеет закрывающего.
Если просто напечатать текст в редакторе, то браузер его отобразит как единый абзац. Если нужно сделать несколько абзацов, используется однократный тег <br>
Атрибуты элемента <body>
Например, если вы хотите сделать фон другого цвета, то добавьте в тег <body> такую подпись: bgcolor="red". Полность тег будет выглядеть так: <body bgcolor="red">. Вместо красного можно написать такие цвета как blue, green, black, white... Также можно пользоваться шестнадцатеричным кодом. Таблицу мы приведем в одном из следующих выпусков.
background устанавливает картинку как фон страницы. Например <body background="images/kartinka.jpg"> Если фон находится в той же папке, что и сохраненная страница, то можно обойтись названием. Разрешение писать обязательно.
Зачастую лучше использовать один и тот же рисунок для всех страниц сайта. Во-первых, браузер сохраняет рисунок в кэш-памяти и, следовательно, не будет долго загружать ее снова и снова, а, во-вторых, важно выдержать стиль.
link задает цвет ссылок на Веб-странице (по умолчанию синий).
vlink задает цвет просмотренных ссылок (по умолчанию фиолетовый).
alink задает цвет активных ссылок, т.е. тех, на которые наведен курсор мыши.
Закрывающий тег </body> не изменяется.
На этом сегодня все... с вами была xomia
