Общие сведения об HTML. Термин HTML Hyper Text Markup Language означает язык маркировки гипертекстов. Со времени создания первой версии HTML претерпел некоторые изменения.
Как и многое другое в компьютерном мире, версии, или спецификации, HTML оказались пронумерованными.
В настоящее время широко используются два типа редакторов HTML - Редакторы типа что видишь, то и получишь Netscape Navigator Gold, Microsoft Front Page. Пользователь не видит внутренностей документа Редакторы собственно HTML-текстов HotDog, Ken Nesbitt Web Editor и многие другие. В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML. Структура HTML-документа HTML-документ - это просто текстовый файл с расширением .htm Пример самого простого HTML-документа html head title Пример 1 title head body H1 Привет! H1 P Это простейший пример HTML-документа.
P body html Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками и. Такой фрагмент например, html называется меткой по-английски - tag, читается тэг. Большинство HTML-меток - парные, то есть на каждую открывающую метку вида tag есть закрывающая метка вида tag с тем же именем, но с добавлением. Многие метки, помимо имени, могут содержать атрибуты - элементы, дающие дополнительную информацию о том, как броузер должен обработать текущую метку.
В данном простейшем документе, однако, нет ни одного атрибута. Обязательные метки html html Метка html должна открывать HTML-документ. Аналогично, метка html должна завершать HTML-документ. head head Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа см. описание метки title ниже, в этот раздел может включаться множество служебной информации, о которой мы обязательно поговорим чуть позже. title title Все, что находится между метками title и title, толкуется броузером как название документа.
Netscape Navigator, например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов. body body Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.
H1 H1 - H6 H6 Метки вида Hi где i - цифра от 1 до 6 описывают заголовки шести различных уровней. Заголовок первого уровня - самый крупный, шестого уровня, естественно - самый мелкий. P P Такая пара меток описывает абзац. Все, что заключено между P и P , воспринимается как один абзац. Метки HTML Метки не подчиняются двум основным правилам HTML все они непарные, а некоторые так называемые -последовательности к тому же должны вводиться только маленькими буквами.
BR Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. Очень удобно при публикации стихов. Организация текста внутри документа HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. Ненумерованные списки Текст, расположенный между метками UL и UL , воспринимается как ненумерованный список.
Каждый новый элемент списка следует начинать с метки LI . Нумерованные списки Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры Списки определений Список определений несколько отличается от других видов списков. Вместо меток LI в списках определений используются метки DT и DD Связывание При нажатии левой кнопкой мыши на некоторый выделенный фрагмент текущего документа происходит переход к некоторому заранее назначенному документу или фрагменту документа.
В HTML переход от одного фрагмента текста к другому задается с помощью метки вида A HREF адрес перехода выделенный фрагмент текста A В качестве параметра адрес перехода может использоваться несколько типов аргументов. Самое простое - это задать имя другого HTML-документа, к которому нужно перейти. Цветовая гамма HTML-документа Internet-документы содержат HTML-метки, определяющие их цветовую гамму. Цветовая гамма HTML-документа определяется атрибутами, размещенными внутри метки BODY . Вот список этих атрибутов bgcolor Определяет цвет фона документа. text Определяет цвет текста документа. link Определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылке. vlink Определяет цвет ссылки на документ. alink Определяет цвет ссылки непосредственно перед переходом по ссылке.
Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов красным, зеленым и синим в диапазоне от нуля 00 до 255 FF . Кроме того, метка BODY может включать атрибут background имя файла, который задает изображение, служащее фоном для текста и других изображений.
Таблицы Таблица начинается с метки TABLE и заканчивается меткой TABLE . Метка TABLE может включать несколько атрибутов ALIGN Устанавливает расположение таблицы по отношению к полям документа.
Допустимые значения ALIGN LEFT выравнивание влево , ALIGN CENTER выравнивание по центру , ALIGN RIGHT выравнивание вправо. WIDTH Ширина таблицы. Ее можно задать в пикселях или в процентах от ширины страницы. BORDER Устанавливает ширину внешней рамки таблицы и ячеек в пикселях. CELLSPACING Устанавливает расстояние между рамками ячеек таблицы в пикселях например, CELLSPACING 2 . CELLPADDING Устанавливает расстояние между рамкой ячейки и текстом в пикселях например, CELLPADDING 10 12 . Выводы Как стало ясно из выше изложенного материала, язык разметки гипертекста является очень удобным средством для разработки web-документов и не требует больших временных затрат и высокой квалификации на освоение.
HTML позволяет пользователю управлять элементами и иметь доступ к текстовым и графическим материалам с помощью кода сценария. Web-страница является динамически изменяемой, то есть части страницы могут обновляться без необходимости обновления целой страницы. Возможно улучшение вида и увеличения функциональных возможностей web-документов с помощью Java Script, Visual Basic Script, CGI-скриптов. Но вместе с тем простейшую Web-страницу можно создать в течении нескольких часов без привлечения специальных программных комплексов.
Именно эта простота языка и небольшие размеры HTML-документов послужили такому широкому распространению данного стандарта в сети. 1.4.