Еженедельник Свет в Интернет

Главная

Новости

Статьи и обзоры
  Горожанин
  Обнинск в Internet
  Web Design
  Hardware
  Software
  Безопасность
  Серфинг
  Игродром
  Relax
  Технологии
  Web-обзор
  Интернет-ликбез
  Опросник
  УП-Технологии
  ART.net

Ссылки

Архив

О нас

Контакты

Форумы


Основатель:
К.Николаенко

Главный Редактор:
С.Коротков

Web Design:
Neutron


Наш спонсор






Порт POPULAR.RU
POPULAR.RU RegionalBanner Network.






Океан


НПП Метра - промышленные электронные автомобильные вагонные весы
Goldy Interior - салон офисной мебели: кабинеты руководителей, мебель для персонала

= WEB-design =

la_serg

Теги

Как я обещал, сегодня мы начнем знакомиться с HTML. HTML страница - это обычный текстовый файл, т.е. его можно открыть Notepad'ом. Содержимое этого файла делится на две категории: информация (ее текстовая часть) и служебные выражения (дальше теги). Теги - это служебные конструкции, управляющие информацией и позволяющие оформить информацию. Теги задают такие параметры как: шрифт, цвет, фон, размер и многое другое. Они бывают сложные и простые. Рассмотрим небольшой пример.

<HTML>
Hello world
<br>
это пример
</html>

Итак, сложным тегом называется следующая конструкция
<тег> Вложенная информация </тег>

В нашем примере всего два тега: <html></html> и <br>. Вы, наверное, заметили, что теги написаны разным регистром, а иногда и в одну строчку. HTML - не чувствителен к регистру букв и к переносам на новые строки: совершенно неважно сколько тегов на одной строке. Теперь разберемся, какую роль играют эти теги в нашем примере.

Первый тег (<html></html>) - обязательный тег, он определяет начало и конец гипертекстовой информации. Второй тег (<br>) - тег для оформления, он обозначает принудительный перенос. Важно запомнить: для того, чтобы текст начинался с новой строки в строго определенном месте, необходимо вставить этот тег.

Заметьте, тег <br> вложенный, т.к. находится внутри тега <html>. Большинство сложных тегов могут иметь вложенные теги.

Рассмотрим еще одну деталь тега - параметр.
<ТЕГ параметр1="значение1" параметрN="значениеN" параметрХ>

Вот так выглядят параметры тегов в HTML. Как видите, сразу после открывающей скобки идет имя тега, затем идут параметры данного тега. Параметры отделяются друг от друга пробелами. Параметры бывают двух типов: стандартные и логические. Стандартный параметр тега - это такое его свойство, которому Вы можете задать любое значение. Логические параметры могут принимать только два значения (true/false). Логическим параметрам не присваиваются значения. В приведенном выше образце параметрам 1,N присваиваются соответствующие значения, тогда как значение у параметра Х отсутствует. Параметр Х логический и его присутствие в теги эквивалентно записи параметрХ="true". Количество и тип параметров зависит от конкретного тега.

Теперь, имея минимальные знания, давайте попробуем своять что-нибудь эдакое. Для этого нам понадобится следующее:

  • Создать текстовый/html - файл и назвать его test.html (.html - расширение файла).
  • Набрать в нем приведенный ниже пример и сохранить файл.
  • Понять ".. что же вы наделали" :))

<HTML>
<HEAD>
<TITLE> ТЕСТ</title>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
</head>
<BODY>
Это моя первая страница
</body>
</html>

Начинаем понимать …

В этом примере мы использовали все знакомые нам конструкции. Тег <HTML> ознаменовал начало и конец гипертекстовой информации. Структурно, HTML документ делится на 2 части: заголовок и тело. Заголовок содержит исключительно служебную информацию, он указывает браузеру какой язык (русский, китайский и т.д.) использовать, как озаглавить окно браузера и т.д. Тело содержит полезную информацию и декорации. Из примера видно, что заголовок файла находится в теги <HEAD>, а тело файла находится в теги <BODY> - эти теги не могут пересекаться (т.е. никто ни в кого не вложен). Наш заголовок содержит 2 тега. Тег <TITLE> определяет заглавие окна (надпись вверху окна на синей полосочке:))). Тег <META> содержит метаинформацию - в данном случае он определяет региональную кодировку (чтобы на экране не иероглифы были, а нормальные буквы - русские). Тело содержит единственное предложение, оно и будет отображаться на экране.

Итак, краткие итоги: мы уже знаем, что такое теги, сложные теги, параметры и умеем выводить текст на экран браузера.

Напоследок пара бытовых советов. Сохраняйте файлы с расширением *.html - это стандарт. Соблюдение стандартов помогает избежать ошибок и прочих неприятностей. Перед просмотром, не забывайте сохранять код:))
До новых встреч!!!

#33/24.10.2000

Copyright © Свет в Internet   Designed by Свет в Internet