 |
  | |
 | ||
Статьи и обзоры Основатель: Главный Редактор: Web Design:   
|
|
= WEB-design =
ТегиКак я обещал, сегодня мы начнем знакомиться с HTML. HTML страница - это обычный текстовый файл, т.е. его можно открыть Notepad'ом. Содержимое этого файла делится на две категории: информация (ее текстовая часть) и служебные выражения (дальше теги). Теги - это служебные конструкции, управляющие информацией и позволяющие оформить информацию. Теги задают такие параметры как: шрифт, цвет, фон, размер и многое другое. Они бывают сложные и простые. Рассмотрим небольшой пример. <HTML> Итак, сложным тегом называется следующая конструкция В нашем примере всего два тега: <html></html> и <br>. Вы, наверное, заметили, что теги написаны разным регистром, а иногда и в одну строчку. HTML - не чувствителен к регистру букв и к переносам на новые строки: совершенно неважно сколько тегов на одной строке. Теперь разберемся, какую роль играют эти теги в нашем примере. Первый тег (<html></html>) - обязательный тег, он определяет начало и конец гипертекстовой информации. Второй тег (<br>) - тег для оформления, он обозначает принудительный перенос. Важно запомнить: для того, чтобы текст начинался с новой строки в строго определенном месте, необходимо вставить этот тег. Заметьте, тег <br> вложенный, т.к. находится внутри тега <html>. Большинство сложных тегов могут иметь вложенные теги. Рассмотрим еще одну деталь тега - параметр. Вот так выглядят параметры тегов в HTML. Как видите, сразу после открывающей скобки идет имя тега, затем идут параметры данного тега. Параметры отделяются друг от друга пробелами. Параметры бывают двух типов: стандартные и логические. Стандартный параметр тега - это такое его свойство, которому Вы можете задать любое значение. Логические параметры могут принимать только два значения (true/false). Логическим параметрам не присваиваются значения. В приведенном выше образце параметрам 1,N присваиваются соответствующие значения, тогда как значение у параметра Х отсутствует. Параметр Х логический и его присутствие в теги эквивалентно записи параметрХ="true". Количество и тип параметров зависит от конкретного тега. Теперь, имея минимальные знания, давайте попробуем своять что-нибудь эдакое. Для этого нам понадобится следующее:
<HTML> Начинаем понимать … В этом примере мы использовали все знакомые нам конструкции. Тег <HTML> ознаменовал начало и конец гипертекстовой информации. Структурно, HTML документ делится на 2 части: заголовок и тело. Заголовок содержит исключительно служебную информацию, он указывает браузеру какой язык (русский, китайский и т.д.) использовать, как озаглавить окно браузера и т.д. Тело содержит полезную информацию и декорации. Из примера видно, что заголовок файла находится в теги <HEAD>, а тело файла находится в теги <BODY> - эти теги не могут пересекаться (т.е. никто ни в кого не вложен). Наш заголовок содержит 2 тега. Тег <TITLE> определяет заглавие окна (надпись вверху окна на синей полосочке:))). Тег <META> содержит метаинформацию - в данном случае он определяет региональную кодировку (чтобы на экране не иероглифы были, а нормальные буквы - русские). Тело содержит единственное предложение, оно и будет отображаться на экране. Итак, краткие итоги: мы уже знаем, что такое теги, сложные теги, параметры и умеем выводить текст на экран браузера. Напоследок пара бытовых советов. Сохраняйте файлы с расширением *.html - это стандарт. Соблюдение стандартов помогает избежать ошибок и прочих неприятностей. Перед просмотром, не забывайте сохранять код:))
#33/24.10.2000 |
|
| |
|
|
Copyright © Свет в Internet Designed by Свет в Internet |