Основные понятия
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-редакторах, которые помогут
отчасти устранить эту проблему.
|
