Учебные пособия

  На главную

  Интернет-Магазин

  Обо мне

  Услуги

  Статьи

  Гостевая

  Фотоальбом

  Партнёрские       Программы




логотип


Проверить аттестат





Домашний бизнес - идеи бизнеса

   Данный материал предоставлен Болатом Карасаевым - посетите его сайт: www.Bolik.narod.ru - здесь Вы найдёте много забавного, интересного и полезного. Благодаря его сайту я и начал изучение языка HTML... .


HTML за... 30 минут!

автор © Алексей Годовник
e-mail A.G. godovnik@mail.ru

§1 Общие сведения

   Документ HTML состоит из инструкций, которые называются тегами (или тэгами, тагами, кому как нравится. По-английски - tag) и собственно текста, который Вы видите на экране. Изображения тоже считаются текстом, как ни странно.

   Ваш браузер считывает файл с сервера и начинает выполнять эти теги по порядку, даже не дожидаясь полной загрузки документа, сразу же создавая изображение на экране и внося по ходу дела коррективы. Наверняка обратили внимание, что частенько страница появляется кусками. Иногда появляется текст, потом - бах, возник фоновый рисунок, затем вылезла какая-то картинка. Но бывает и так, что в строке состояния браузера видно, что все загружено, а на экране ничего нет. Минута проходит, другая... Просто автор либо слишком намудрил чего-то либо некорректно составил документ, и браузер, скрипя винчестером, пытается его переварить.

   Теги заключаются между '<' и '>'. Вот так: <tag>. Все, что написано между '<' и  '>' считается тегом и браузер будет пытаться его как-то использовать. Если там ошибка - ничего страшного не произойдет, и неправильный тег будет выведен как простой текст, но какое-то время на интерпретацию уйдет. Писать можно хоть большими хоть маленькими буквами, хоть вперемешку - никто Вам слова дурного не скажет. Для большинства тегов, когда исчезает в них необходимость, нужно использовать закрывающий тег. Он выглядит так: </tag>. Ощий вид получается следующий:

<tag> что-то здесь написано, наверное что-то интересное. </tag>

   Можно написать открывающий тег на одной строчке, текст на другой, а закрывающий еще через десяток после инструкции, да и внутри тега, если он состоит из нескольких слов, делать то же самое. Дело в том, что браузеры воспринимают пробелы, переходы строк и знаки табуляции необычно на первый взгляд. И если Вы хотите, чтобы Вас правильно поняли, нужно действовать несколько по-другому, но об этом позже.

   Можно вкладывать один тег в другой и даже разрешать им пересекаться. Например, так:

<tag1>...<tag2>...<tag3>...</tag2>...</tag3>...</tag1>

   Но не все браузеры и не всегда сделают то, что Вы хотите, так как нужно.
В основном это зависит от времени суток, цен на мандарины в Греции и особенностей браузера. Поэтому если нужно использовать конструкцию типа
<tag1>...<tag2>...</tag1>...</tag2>
лучше подстраховаться и записать ее как

<tag1>...<tag2>...</tag2></tag1><tag2>...</tag2>

   В этом случае любой зашедший к Вам сможет увидеть страничку неискаженной и, возможно, захочет зайти еще раз. Наверняка Вам случалось получать сообщения от браузера "Какая-то ошибка на странице. Отладить?".
Это как раз тот случай, когда создатель сделал страничку, которую правильно видит его браузер, а про остальных не подумал.
   Ну и, естественно, если Вы вкладываете друг в друга одинаковые теги, что бывает часто, особенно если Ваш текст написан разноцветными буквами разного размера, тогда первым закрывается тот, который был открыт последним.

   И, естественно, для создания странички своими руками нужно использовать самый простой текстовый редактор, например NOTEPAD(БЛОКНОТ). Почему? Попробуйте написать "ПРИВЕТ" в БЛОКНОТЕ и в WORD'e и сравните размеры получившихся файлов. Разница потрясает воображение.

   Ну вот. Это были общие сведения, которые Вы и так наверняка знали, а если не знали, то подозревали; но без них никак.

вверх


Структура документа >>>



Учебные пособия

Практическое руководство по HTML


Содержание

HTML за... 30 минут!

   1 Общие сведения

   2 Структура        документа

   3 Заголовок        документа

   4 Основные        параметры

   5 Цвета

   6 Вывод текста

   7 Работа с        изображениями

   8 Как делать        ссылки

   9 Как делать        таблицы

 10 Фреймы

 11 Дополнительные        сведения



Copyright © 2003 by Evgeni Alekseev.
Разрешается републикация материалов сайта
с обязательным указанием ссылки на сайт www.Alexseev1.narod.ru 
и со ссылкой на автора материала (указание автора, его сайта)

Сайт управляется системой uCoz