Основные понятия
HTML (Hyper Text Markup Languare) дословно на русский язык переводится как язык разметки гипертекста. Данный язык является основным языком программирования при создании Web-страниц и применяется для размещения различных элементов страницы (теста, графики, таблиц и т.д) с помощью определенных команд. По своей простоте и легкости в изучении он стоит отдельным столпом перед другими языками программирования. Понять и усвоить его может даже школьник , который не знает основ информатики, т.к изначально он задумывался для широкого круга пользователей ПК. HTML своит С помощью него можно создать несложные сайты без элементов продвинутой интерактивности. Язык HTML читается только браузерами и графическими HTML-редакторами (специальными программами для составлении страниц Web в визуальном режиме).
Команды языка HTML называются тегами. Полный набор таких команд в пределах всей страницы принято называть HTML-кодом. Название любого тэга состоит из одной или нескольких букв заключенных в угловые скобки (< > ). Набор этих букв неслучаен, им соответствуют слова, сокращение слов и аббревиатура слов английского происхождения. Сделано это для легкого определения предназначения тэга. Например слово table (таблица) в тэге <table> дает команду на построение таблицы, тег <a> (первая буква анг. address - адрес) создаст ссылку, аббревиатура OL (от анг. Ordered List - упорядоченный список) в теге <OL> укажет на создания соответствующего списка. Теги делятся на открывающие <tag>, которые указывают на начало какого-либо действия на странице и закрывающие </tag>, который покажет место на странице, где завершит действие <tag>. Как видите символ "/ " обозначает "закрывание".
В HTML-коде тег в основном показывает только способ изменения того или иного элемента страницы. Все параметры форматирования объектов несет в себе атрибут со своим значением. Атрибут указывает тегу характеристики форматирования элемента (это может быть и выравнивание - ALIGN, изменение цвета СOLOR и др. полный список здесь>>>), а значение - нужный параметр для атрибута указывающий в числовом выражении или в виде конкретных и понятных английских слов (напр. left-влево, top-верх и т.д). Атрибуты тэга в коде страницы пишутся через "пробел" в одних угловых скобках с ним, а значение атрибута заключены в кавычки и разделены между собой знаком равенства. Приведем из всего вышесказанного пример:
<TABLE width="800" height="100%" border="1" align="left" bordercolor="red">элементы таблицы</TABLE>
где <TABLE> и </TABLE> - открывающий и закрывающий тэг с понятным предназначением ; width, height, border, align, bordercolor - его атрибуты, смысл которых можно легко понять взяв англо-русский словарь, а остальное является значениями атрибутов.
Атрибуты могут указываться не все, а только по мере необходимости. При частом повторении одних и тех же параметров элементов на Web-странице целесообразней использовать каскадные листы стилей.
Атрибут цвета здесь стоит особо подчеркнуть. В его значении почти всегда используется очень понятная модель RGB (красный/зеленый/синий). В ней основные указанные цвета смешиваются двумя способами:
- В процентном содержании каждого из них от 00 до 99 (в коде пишется слитно). Пример: bordercolor="#003366", где 0%-R, 33%-G и 66%-B.
- В шестнадцатеричной системе счисления, где указываются десять цифр то 0 до 9 и шесть букв A,B,C,D,E,F ( код пишется слитно). Пример: bordercolor= "#00C3D6".
Обратите внимание на то, что перед каждым значением ставится символ "#".
Атрибут "align" один из самых распространенных и самых важных атрибутов в языке HTML. Он задает положение объекта к другому элементу или страницы в целом методом выравнивания между собой.
Ширина и высота элемента указывается в процентах от величины расширения экрана или отношением к другому элементу (если он в него помещен) и в пикселях.
Говоря о развитии языка HTML нельзя сказать, что он стоит на месте. Появляeтся много элементов HTML (хотя и последняя спецификация HTML 4.01 вышла еще в далеком 1999г.), которые дают Web-мастеру все новые возможности. Однако здесь для разработчиков стоит "камень преткновения" - не все браузеры "понимают" одинаково тот или иной элемент, а в каких-то случаях и полная "разногласность" к одному и тому же элементу. Новичкам стоит прибегнуть к специальным встроенным средствам многих HTML-редакторах, которые помогут отчасти устранить эту проблему.