HTML.
Существуют две основных разновидности тэгов:
- Парные тэги – требуют наличия закрывающего тэга. Тэг называется закрывающим, так как он отменяет команду. При этом закрывающий тэг отличается от открывающего тэга наличием косой черты.
Открывающий и закрывающий тэги образуют контейнер, внутри которого находится информация.
- Непарные тэги - не имеют закрывающего тэга.
Общая структура HTML-документа.
< HTML >
< HEAD >
< TITLE > Заголовок окна< /TITLE > < !— не обязателен — >
< /HEAD >
< BODY >
...
< /BODY>
< /HTML >
| TITLE | Парный тэг, определяющий заглавие HTML-документа. Он появляется в заголовке окна браузера. |
| META | Мета-информация (метатэги) о документе, не отображаемая браузером. |
| STYLE | Таблицы стилей. |
| SCRIPT | Сценарии на языках JavaScript или VBScript. |
| LINK | Связь данного документа с другими ресурсами в разделе "HEAD". |
| BACKGROUND | Фоновый узор, указывает на адрес фонового изображения. |
| BGCOLOR | Цвет фона. |
| BOTTOMMARGIN | Устанавливает границу нижнего поля документа(в пикселах). |
| LEFTMARGIN | Отступ слева (в пикселах). |
| RIGHTMARGIN | Отступ правого поля (в пикселах). |
| TOPMARGIN | Отступ сверху (в пикселах). |
| LINK | Цвет ссылок. |
| ALINK | Цвет активных ссылок. |
| VLINK | Цвет посещенных ссылок. |
| TEXT | Цвет текста. |
| BGPROPORTIES | Фон не прокручивать. |
| SCROLL | Устанавливает наличие или отсутствие полосы прокрутки (распознаётся только браузером Internet Explorer). |
- Кодировка - обязательный мета-тег. Указав его, браузер будет правильно отображать текст страницы.
Конструкция: < META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=Кодировка" > - Показ дополнительного файла перед основным - используется для переадресации.
Конструкция: < META NAME="Refresh" CONTENT="число (в секундах); URL=имя файла с расширением" > - Указание имени автора – вписывается имя или Nickname.
Конструкция: < META NAME="Author" CONTENT="имя автора" > - Описание документа - текст указанный в этом тэге, будет отображаться поисковиками. Длинна описания не должна превышать 200 символов.
Конструкция: < META NAME="Description" CONTENT="описание" > - Ключевые слова для поисковиков – вписываются слова, по которым будет осуществляться поиск информации, содержащейся на странице сайта. Длинна списка до 800 символов.
Конструкция: < META NAME="Keywords" CONTENT="слова через запятую или пробел" > - Указание E-Mail.
Конструкция: < META NAME="Reply-to" CONTENT="адрес E-Mail" > - Дата создания сайта.
Конструкция: < META NAME="Date" CONTENT="месяц, число, год и время через пробел" >
Тэги блочной разметки документа - образуют блок, который браузер отображает на отдельных строчках.
< Нn >…< /Hn > - оформление заголовков документа – парные тэги, где n – число от 1 до 6. < H1 > - самый крупный заголовок текста; < Н6 > - самый мелкий заголовок текста. Текст отображается шрифтом с засечками в полужирном начертании.
< Р >… - создание абзаца - парный тэг. Начинает некоторый текст с новой строки.
< DIV >…< /DIV > - создание раздела - парный тэг. Начинает некоторый раздел текста с новой строки. Сверху и снизу раздела пустых строк не добавляется. Допускается вложение раздела в раздел.
< BLOCKQUOTE > - создание блочной цитаты - парный тэг. Начинает некоторый текст с новой строки. Сверху и снизу блочной цитаты добавляется по одной пустой строке. Слева и справа блочная цитата обрамляется полями. Допускается вложение внутрь другого тэга < Blockquote >.
< РRE >…< PRE > - отображение текста с сохранением его форматирования - парный тэг. Отображает текст, сформатированный (например, в текстовом редакторе Word) с учетом всех пробелов и переносов строк. Для отображения используется моноширинный шрифт, как правило Courier.
< HR > - создание горизонтальных линий - непарный тэг. Линия всегда располагается на новой строке.
| WIDTH | Определяет длину линии в пикселях или процентах от ширины окна Обозревателя. |
| SIZE | Определяет толщину линии в пикселях. |
| ALIGN | Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left - выравнивание по левому краю документа. right - выравнивание по правому краю документа. center - выравнивание по центру документа (используется по умолчанию). |
| NOSHADE | Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной. |
| COLOR | Определяет цвет линии. Работает только в Internet Explorer. |
< FONT >…< /FONT > - форматирование фрагмента текста - парный тэг.
| FACE | Задает определенный тип шрифта. SANS-SERIF - задание определенного типа шрифта без засечек SERIF - задание определенного типа с засечками |
| SIZE | Определяет размер шрифта (по умолчанию SIZE=3). Указывается в условных единицах от 0 до 7. |
| COLOR | Определяет цвет букв. Указывается стандартным именем (COLOR=“red”), либо в формате RGB (COLOR=“#FF0000”). |
| Единицы HTML | Пункты |
| 1 | 8pt |
| 2 | 10 pt |
| 3 | 12 pt |
| 4 | 14 pt |
| 5 | 18 pt |
| 6 | 24 pt |
| 7 | 36 pt |
Тэги физического (непосредственного) форматирования текста:
< B >…< /B > - парный тэг - отображает текст полужирным шрифтом. Рекомендуется использовать вместо тэга < B >, тэг логического форматирования < STRONG >.
< I >…< /I > - парный тэг - отображает текст курсивом. Рекомендуется использовать вместо тэга < I >, тэги логического форматирования < EM >, < DFN >, < VAR > или < CITY >.
< U >…< /U > - парный тэг – отображает подчеркнутый текст.
< STRIKE >…< /STRIKE > - парный тэг - отображает перечеркнутый текст.
< TT >…< /TT > - парный тэг - отображает текст моноширинным шрифтом. Рекомендуется использовать вместо тэга < TT >, тэги логического форматирования < CODE >, < SAMP > или < KBD >.
< BIG >…< /BIG > - парный тэг - отображает помеченный текст большего размера, чем остальной текст. Рекомендуется использовать вместо этого тэга < BIG >, тэги заголовков.
< SMALL >…< /SMALL > - парный тэг - выводит отмеченный им текст, размером меньшим чем остальной текст.
< SUB >…< /SUB > - парный тэг - сдвигает текст ниже уровня строки и выводит его меньшего размера. Удобно использовать для математических индексов.
< SUP >…< /SUP > - парный тэг – сдвигает текст выше уровня строки. Используется для отметки степеней чисел в математике или других верхних индексов.
< SPAN >…< /SPAN > - тэг-контейнер. Используется в тех случаях, когда надо отменить действие какого-то другого тэга. Тексту, отмеченному этим тэгом, могут быть заданы другие параметры.
Тэги логического форматирования текста - предназначены для выделения логических частей и подчеркивания сути текста. При отображении на экране также сводятся к изменению начертания символов текста.
< ACRONYM >…< /ACRONYM > - данным тэгом принято отмечать так называемые акронимы. У этого тэга есть параметр TITLE. Если использовать тэг < ACRONYM > в сочетании с этим параметром, то можно сделать вывод подсказки при наведении на слово или предложение.
Пример:< ACRONYM TITLE="Министерство внутренних дел" >МВД< /ACRONYM >
< CITE >…< /CITE > - парный тэг - используется для отметки цитат или названий книг и статей, ссылок на другие источники. Браузерами такой текст обычно выводится курсивом.
Пример:< CITE >webyadro< /CITE > -этот сайт посвящён веб технологиям.
< CODE >…< /CODE > - парный тэг - отмечает текст как фрагмент программного кода. Такой тест отображается браузерами моноширинным шрифтом.
Пример:< CODE >Текст моноширинным шрифтом< /CODE >.
< DFN >…< /DFN > - парный тэг - отмечает текст как определение. Его можно использовать если термин встречается в тексте в первый раз. Поддерживается только IE.
Пример:< DFN >Internet Explorer< /DFN > -один из самых популярных веб-браузеров.
< INS >…< /INS > - парный тэг - текст отмеченный этим тэгом распознается как вставка. Этот тэг имеет два необязательных параметра: CITE и DATETIME. Значением параметра CITE является URL-адрес документа, поясняющего подробности вносимых дополнений. Параметр DATETIME указывает дату в формате: YYYY-MM-DDThh:mm:ssTZD, где YYYY-год(2003), MM-месяц(10), DDThh-число и часы(25T14:), mm-минуты(40:), ss-секунды(14), TZD(+0.00) - часовой пояс-. Текст помеченный этим тэгом обычно отображается подчёркнутым. Тэг < INS > распознается только IE.
< EM >…< /EM > - используют для выделения важных фрагментов текста. Такой текст обычно отображается браузерами курсивом.
Пример:< EM >Этот текст выделен курсивом< /EM >.
< KBD >…< /KBD > - парный тэг - текст отмеченный этим тэгом отображается моноширинным шрифтом. Этот тэг используют для отображения текста вводимого пользователем с клавиатуры.
Пример:Наберите на клавиатуре < KBD >format C: < /KBD >.
< Q >…< /Q > - парный тэг - отмечает короткие цитаты в тексте. Выделенный фрагмент отделяется пустыми строками от остального текста. Обычно отображается курсивом. Тэг имеет параметр CITE, в качестве значения которого можно указать источник цитаты. Тэг < Q > распознается только IE.
< SAMP >…< /SAMP > - отмечает текст как образец. Текст отмеченный данным тэгом отображается моноширинным шрифтом.
< STRONG >…< /STRONG > - используется для выделения важных фрагментов текста полужирным шрифтом. Применение данного тэга предпочтительнее применения тэга физического форматирования < B >.
Пример:< STRONG >Webyadro< /STRONG > -этот сайт посвящён веб-технологиям.
< VAR >…< /VAR > - отмечает имена переменных программ. Обычно такой текст отображается курсивом.
Пример:Задайте значение переменной < var >N< var >.
Перевод строки - предназначен для перехода на следующую строку в любом необходимом месте текущей строки. Для этого используется тэг разрыва строки < BR >. Он заставляет программу просмотра (браузер) выводить стоящие после него символы с начала новой строки. В отличие от тэга параграфа (абзаца) < P > тег < BR > не добавляет пустую строку. < BR > - непарный тег, т.е. не имеет закрывающего тега.
Запрет перевода строки - операция, противоположная предыдущей. Для этого используется парный тэг < NOBR >. Текст, заключенный между тегами < NOBR > и < /NOBR > будет гарантированно располагаться в одной строке без переноса на другую. Допускается в случае необходимости вложенность тега < BR > в тег < NOBR >.
Таблицы.
| WIDTH | Определяет ширину таблицы в пикселях или процентах, по умолчанию ширина таблицы определяется содержимым ячеек. |
| BORDER | Устанавливает толщину рамки. По умолчанию n=0 - таблица рисуется без рамки. |
| BORDERCOLOR | Устанавливает цвет окантовки |
| BGCOLOR | Устанавливает цвет фона для всей таблицы. |
| BACKGROUND | Заполняет фон таблицы изображением. |
| CELLSPASING | Определяет расстояние между рамками ячеек таблицы в пикселях. |
| CELLPADDING | Определяет расстояние в пикселях между рамкой ячейки и текстом. |
| ALIGN | Определяет расположение таблицы в документе. По умолчанию таблица прижата к левому краю страницы. Допустимые значения атрибута: LEFT – слева. CENTER - по центру страницы. RIGHT - справа. |
| FRAME | Управляет внешней окантовкой таблицы, может принимать следующие значения: VOID - окантовки нет (значение по умолчанию). ABOVE - только граница сверху. BELOW - только граница снизу. HSIDES - границы сверху и снизу. VSIDES - только границы слева и справа. LHS - только левая граница. RHS - только правая граница. BOX - рисуются все четыре стороны. BORDER - также все четыре стороны. |
| RULES | Управляет линиями, разделяющими ячейки таблицы. Возможные значения (n): NONE - нет линий (значение по умолчанию). GROUPS - линии будут только между группами рядов. ROWS - только между рядами. COLS - только между колонками. ALL - между всеми рядами и колонками. |
|
Следующие атрибуты применяются только для строк и ячеек
|
|
| ALIGN> | Устанавливает горизонтальное выравнивание текста в ячейках строки. Может принимать значения: LEFT - выравнивание влево. CENTER - выравнивание по центру.> RIGHT – выравнивание вправо. |
| VALIGN > | Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: TOP – выравнивание по верхнему краю. CENTER - выравнивание по центру.> BOTTOM – выравнивание по нижнему краю. |
| BGCOLOR> | Устанавливает цвет фона строки или ячейки.> |
| BACKGROUND> | Заполняет фон строки или ячейки изображением.> |
|
Следующие атрибуты применяются только для ячеек
|
|
| WIDTH> | Определяет ширину ячейки в пикселях.> |
| HEIGHT> | Определяет высоту ячейки в пикселях.> |
| COLSPAN> | Растягивание ячейки по горизонтали. > |
| ROWSPAN> | Растягивание ячейки по строке. > |
| NOWRAP> | Присутствие этого атрибута показывает, что текст должен размещаться в одну строку.> |
| BACKGROUND > | Заполняет фон ячейки изображением. |
Списки.
< OL >…< /OL > - парный тэг - отображает список, пронумерованный числами.
Конструкция:
< OL >
< LI > Текст
< /OL >
| TYPE | Определяет вид счетчика. |
| A | Большие латинские буквы. |
| a | Маленькие латинские буквы. |
| I | Большие римские цифры. |
| i | Маленькие римские цифры. |
| 1 | Обычные цифры. |
| START | Устанавливает число, с которого будет начинается отсчет |
< UL >…< /UL > - парный тэг – отображает непронумерованные списки.
Списки определений.
< DL >…< /DL > - парный тэг – отображает списки определений.
Вставка изображений.
| SRC | Имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). |
| ALIGN | Выравнивание изображения в документе: LEFT - по левому краю. RIGHT - по правому краю. TOP или TEXTTOP - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. MIDDLE - выравнивает базовую линию текущей текстовой строки с центром изображения. ABSMIDDLE - выравнивает центр текущей текстовой строки с центром изображения. BOTTOM или BASELINE - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки. ABSBOTTOM - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки. |
| BORDER | Рамка вокруг рисунка. Значение по умолчанию - 0 (без рамки). |
| WIDTH | Ширина изображения в пикселях. |
| HEIGH | Высота изображения в пикселях. |
| HSPACE | Горизонтальный отступ графического изображения в пикселях. Не обязательный параметр. |
| VSPACE | Вертикальный отступ в пикселях. Не обязательный параметр. |
| ALT | Это сообщение, которое выводится вместо картинки, если она не показывается. Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится на рисунке. |
| NAME | Определяет имя изображения. |
| LOWSCR | Имя графического файла с расширением с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Обозреватели, поддерживающие данный параметр, сначала загрузят картинку из lowsrc, а затем заменят ее картинкой из src. Не обязательный параметр. |
Ссылки на документы и файлы.
- указателя (от англ. anchor; отсюда произошло название тега гиперссылки) - то, что ви¬дим на web-странице;
- адресной части ссылки (URL-адрес; URL reference) - адрес web-страницы, которая будет загружена, если щелкнуть на указателе ссылки кнопкой мыши.
| HREF | URL - адрес любого файла в Интернете. Может быть абсолютными, то есть указывается полный адрес странички и относительным. |
| NAME | Метка. |
| TARGET | Определяет, в каком окне (фрейме) и каким образом загрузить гиперссылку. Может иметь значения: TOP - загружает гиперссылку на всем пространстве окна браузера. BLANK - загружает гиперссылку в новом окне браузера. SELF – загружает содержимое страницы, в окно, которое содержит эту ссылку. PARENT - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов. |
| TITLE | Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный. |
Графический файл в роли ссылки.
Закладки.
Вверх 