Язык  HTML

Магазины
Не пропустите "Барахолку" на Porta.ru.  Посетите Интернет магазины. Вход бесплатный ! ! !  Большой ассортимент товара. Новейшие образцы. Гарантия от ведущих производителей. Обеспечена доставка товара.  

»Барахолка Porta  
»Барахолка Digita 
»Барахолка CDA  
Prikup.ru 
»Коталог
Palmshop.ru 
»Сотовая свясь     
»Карманные ПК
»Телефоны DECT
»Портативные ПК
»Цифровой звук
»Фото/Видео
»Flash_память
Ozon.ru
Книги
»Каталог
»Новинки
»Бестселлеры
»Фантастика
»О компьютерах
»Для детей
»Бизнес и экономика
Видио
»Каталог
»Новинки
»Бестселлеры
»Для дете
»Классика кино   Музика
»Каталог
»Новинки
»Бестселлеры
Spree.com 
»Книги
»Журналы
»Музыка

Структура HTML 

  1. Тег - основной элемент HTML

  2. Правила написания тегов

  3. Ваша первая HTML страница

  4. Структура HTML документа

назад | оглавление | далее

"Тег - основной элемент HTML"

Что такое HTML страница - это обычный текстовый файл имеющий расширение .html Для создания HTML страницы не требуется никаких специальных программ. Подойдет любой текстовый редактор умеющий сохранять файлы в обычном текстовом формате. Таким редактором, например, являются Notepad (Блокнот), входящий в стандартные средства Windows. Итак, давайте рассмотрим основные элементы из которых состоит любая HTML страница. Для начала необходимо дать определение тега.

HTML Тег:
Это специальное указание того как нужно отображать элемент (текст, картинка и т.п.) на странице. Можно рассматривать тег как команду содержащую название и параметры.
Тег выглядит следующим образом:
<ТЕГ>элемент страницы</ТЕГ>

Далее в этом руководстве все HTML теги будут помечены красным цветом, а текст будет отмечены зеленым. Как видите тег состоит из треугольных скобок '<>'. Между треугольными скобками пишется название тега и его параметры.

"Правила написания тегов"

Итак, вы познакомились с понятием тегов в HTML. Давайте теперь рассмотрим правила написания тегов. Существуют следующие правила:

Все теги пишутся в треугольных скобках '<ТЕГ>'
Открывающий тег состоит из треуголных скобок, названия тега и его параметров(необязательно). Закрывающий тег состоит из скобок, символа '/' слеш и названия тега.
Параметры тега пишутся через пробел.
После названия тега могут стоять его параметры. Все параметры разделяются пробелом. Перенос строки в HTML равнозначен пробелу.
<ТЕГ ПАРАМЕТР1=значение ПАРАМЕТР2=значение ...>
Значение параметра заключается в кавычки.
Значение параметры пишется после знака равно и заключается в кавычки "". Если значение параметра не содержит пробелов, то кавычки можно опустить. <FONT SIZE=2 FACE="Times Roman"> Для избежания путаницы лучше писать все значения параметров в кавычках.
Большинство тегов требует закрытия.
Если вы не закроете тег, то в больштнстве случаев ошибки не будет, но он будет действовать до конца страницы. Исключением являются таблицы (обсуждается в разделе о таблицах).
Правило закрытия тегов
Всегда закрывайте теги в порядке очередности. Первым закрывайте тот тег, который открыли последним, затем тот, который открыли перед ним и т.д. <ТЕГ1> <ТЕГ2> <ТЕГ3> ... </ТЕГ3> </ТЕГ2> </ТЕГ1>
Регистр букв не имеет значения.
В HTML не важно какими буквами маленькими или большими написан код. Можно писать все теги большими и маленькими буквами или даже так <тЕг></ТеГ> Совет: пишите все теги в одном стиле. Например, пишите все теги и названия параметров большими буквами. Так в будущем вам будет легче разобраться в коде собственных страниц.
Порядок параметров не имеет значения.
Не имеет значения в каком порядке написаны параметры внутри тегов. Оба следующих варианта верны:
<ТЕГ1 ПАРАМ1=знач. ПАРАМ2=знач. ПАРАМ3=знач.>
<ТЕГ1 ПАРАМ3=знач. ПАРАМ1=знач. ПАРАМ2=знач.>

"Ваша первая HTML страница"

Давайте создадим свою первую HTML страницу. Откройте любой обычный текстовый редактор способный сохранять файлы в обычном текстовом формате. Например вы можете открыть Notepad (Блокнот), входящий в стандартный набор программ Windows. Чтобы запустить Notepad откройте меню Windows в правом нижнем углу Start(Пуск), затем Programs(Программы), затем Accessories(Стандартные) и Notepad(Блокнот). Или же просто выберите пункт меню Start(Пуск), а затем Run(Выполнить) и в появившемся диалоговом окне напечатайте "Notepad".

Теперь давайте напечатаем следующий HTML код в Блокноте(сначала напечатайте текст, а затем мы разберем подробно каждую строку и каждый тег):
<HTML>

<HEAD>
<TITLE>Моя первая страница!</TITLE>
</HEAD>

<BODY BGCOLOR=white>

<B><FONT COLOR=red>Привет!</FONT></B><BR>
Это моя первая страница.

</BODY>

</HTML>

 

Для того, чтобы увидеть как будет выглядеть эта страница, нажмите здесь. Теперь можете сохранить свою страницу в Notepad, назвав ее например myfirstpage.html

Запомнить:
Любая HTML страница имеет расширение .html или .htm

 

Можете теперь открыть вашу первую страницу в броузере и убедиться что она выглядит именно так как в нашем примере. Для этого можно просто нажать два раза мышкой на названии страницы в Explorer(Проводнике) Windows. Или же запустите броузер (Internet Explorer, Netscape Navigator или другой) и впишите в строке адреса disk:\путь\название.html Здесь disk - ваш диск (C,D и т.д.), путь - путь до директории в которую вы сохранили файл (например \Documents\HTML\), название.html - название файла (в нашем примере это myfirstpage.html).

"Структура HTML документа"

Рассмотрим структуру HTML документа на примере только что созданной вашей первой страницы. Откройте в Notepad сохраненную страницу myfirstpage.html Основными элементами любого HTML документа являются следующие составляющие:

<HTML>
этот тег открывается в самом начале документа и закрывается в самом конце документа. Единственное его назначение - сообщить программе открывающей документ, что этот документ является именно HTML документом.
<HEAD>
После тега HEAD идет заголовочная часть HTML документа, в которой сообщается системная информация о странице. Единственной системной информацией в нашем примере является тег TITLE
<TITLE>
Этот тег вставляется между открывающим тегом <HEAD> и закрываюшим тегом </HEAD> Информация между открывающим и закрывающим тегами TITLE является названием вашей страницы. Это название будет использоваться программой просмотра (броузером) и поисковыми системами в Интернет. В нашем примере заголовок Моя первая страница! высвечивается в самой верхней области броузера.
<BODY>
Все что находится между открывающим и закрывающим тегами BODY является телом вашей страницы и отображается непосредственно на странице. Если вы напишите текст или вставите картинку не между открывающим и закрывающим тегами BODY они все равно отобразятся на вашей странице. Но этого не следует делать, по той причине, что это может повлиять на отображение в некоторых нестандартных броузерах, а также может отразится на регистрации ваших страниц в поисковых системах. 

Итак, в общем случае любая ваша HTML страница должна вписываться в следующую схему(черным цветом выделены комментарии не относящиеся содержанию HTML кода):
<HTML> начало HTML документа
<HEAD> начало заголовочной части
<TITLE>...</TITLE> название страницы
<HEAD> конец заголовочной части
<BODY BGCOLOR=white> начало тела документа

... тело документа

</BODY> конец тела документа
</HTML> конец HTML документа

 

назад | оглавление | далее

  Спонсор платящий без обмана

 

 

Работа в Интернет, спонсоры, раскрутка сайта.

три изобретения

Место для вашего банера взамен на наш 88x31 E-mail

 

| Главная | Язык HTML | CSS | JavaScript | Что такое Cookies | PHP4 |
| Медтехника | Работа | Спонсоры | Раскрутка сайта

© 2002  WebMaster E-mail