fbpx
Перейти к содержимому

Словарь HTML тегов

HTML-документ (страничка) -документ, написанный на языке разметки гипертекста (HTML). Заключается между тегами<HTML> и </HTML>.

Значения тегов разметки документа

Теги разметки — специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.

Основные теги разметки

<HEAD> и </HEAD>.Между этими тегами располагается информация о документе.

<TITLE> и </TITLE>. В эих тегах заключается названиестранички, которое будет выведено в рамке окна программы просмотра.

<BODY> и </BODY>. «Тело» документа (текст,графика и т.д.) располагается между этими двумя тегами.

Параметры флага <BODY>:

BGCOLOR — цвет фона (<BODY BGCOLOR =»#FFFFFF»>)

BACKGROUND — «обои» или бэкграунд

TEXT — цвет текста

LINK — цвет гипертекстовой связи (ссылки)

VLINK — цвет ссылки, уже посещенной в прошлом

ALINK — цвет активной ссылки Теги, служащие для форматирования текста

<P> и </P> Теги,служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.

<BR> Флаг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.

<HR> Флаг, служащий для логического разделения текста горизонтальной линией.

<PRE> и </PRE> Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа»курьер».

Параметры выравнивания

Используются в <P> и <H*>

ALIGN=LEFT — выравнивание по левому полю

ALIGN=RIGHT — выравнивание по правому полю

ALIGN=CENTER — выравнивание по центру

Теги выравнивания

<LEFT> и </LEFT>— выравнивание по левому полю

<RIGHT> и </RIGHT> — выравнивание по правому полю

<CENTER> и </CENTER> — выравнивание по центру

Заголовки, служащие для выделения логических частей текста

<H1> и </H1>Заголовок первого уровня.

<H2> и </H2> Заголовок второго уровня.

<H3> и </H3> Заголовок третьего уровня.

<H4> и </H4> Заголовок четвертого уровня.

<H5> и </H5> Заголовок пятого уровня.

<H6> и </H6> Заголовок шестого уровня.

Больше статей:   Margin и Padding на сайте - главные отличия

Теги для выделения текста и шрифта

<B> и </B> Теги для выделения текста (слов, букв) жирным шрифтом.

<I> и </I> Теги для выделения текста (слов, букв)курсивным шрифтом, типа Italic.

<U> и </U> Текст, расположенный между двумя этими тегами,будет подчеркнут.

<BLINK> и </BLINK> Текст, расположенный между двумя этими тегами, будет мигать.

<FONT SIZE=+n> и </FONT>

<FONT SIZE=-n> и </FONT> Теги для изменения размера шрифта.

<FONT COLOR=»#0000FF> и </FONT> Теги для изменения цвета шрифта.

Теги для формирования списков

<OL> и </OL> Теги,показывающие начало и конец нумерованного списка

<UL> и </UL> Теги, показывающие начало и конец маркированного списка.

<LI> Элемент списка

<DL> и </DL> Теги, показывающие начало и конец глоссария.

<DT> Термин глоссария, располагается без отступа от левого поля страницы.

<DD> Описание термина, располагается с отступом от левого поля страницы.

Теги-команды для вставки в текст объектов нетекстовой информации

<IMG SRC =»file.gif»> или <IMG SRC =» file.jpg»> — команда для вставки графического изображения

<IMG SRC =» file.wav»> — команда для вставки звукового фрагмента

<IMG SRC =» file.avi»> — команда для вставки видео фрагмента

Параметры графического изображения

WIDHT — ширина картинки в пикселях

HEIGHT— высота картинки в пикселях

ALIGN — выравнивание (ALIGN=LEFT — выравнивание по левому полю,ALIGN=RIGHT — по правому полю, ALIGN=TOP — по верхней границе, ALIGN=BOTTOM -по нижней границе, ALIGN=MIDDLE или CENTER — по центру)

HSPACE — горизонтальный отступ от графического изображения

VSPACE — вертикальный отступ

ALT — альтернативный текст, служит для обозначения изображения

Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет

<A HREF=»fail.htm»> и </A> или <A HREF=»http://www.ru»>и </A> — гиперсвязи

<ADDRESS><A HREF=mailto:person@firm.ru>person@firm.ru</ADDRESS> — гиперсвязь с адресом электронной почты

Таблицы

Таблица — сетка для показа данных в строках и столбцах, а также средство для форматирования текста

<TABLE> и </TABLE>Теги для вставки таблицы в HTML документ

Параметры флага <TABLE>

BGCOLOR — цвет фона

BORDER — ширина бордюра

WIDHT — ширина таблицы

Больше статей:   Градиент в CSS

Теги разметки таблицы

<CAPTION> и </CAPTION>— название таблицы, имеет параметр ALIGN=TOP — выравнивание над таблицей иALIGN=BOTTOM — под таблицей.

<TR> и </TR> Строчка таблицы. Может иметь параметрыBGCOLOR — цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER — выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание внутри строки таблицы.

<TD> и </TD> Столбец таблицы. Может иметь параметрыBGCOLOR — цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER — выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание; COLSPANрастягивание клетки на несколько столбцов, ROWSPAN — растягивание клетки на несколько строк.

<TH> и </TH> Заголовок столбца. Может иметь параметрыBGCOLOR — цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER — выравнивание;VALIGN=TOP, BOTTOM, MIDDLE — вертикальное выравнивание; COLSPAN, ROWSPAN -растягивание клетки на несколько столбцов или строк; WIDHT — ширина названия.

Рамки-фреймы

Рамки-фреймы — средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-странички или даже целого Web-сайта.

<FRAMESET> и </FRAMESET> Теги для создания рамки

Параметры флага <FRAMESET>

COLS — подразделяют экран на опредленное количество колонок (вертикальных)

ROWS — подразделяют экран на опредленное количество колонок(горизонтальных)

BORDCOLOR — цвет рамки

BORDER — ширина бордюра

FRAMEBORDER — граница рамки (FRAMEBORDER=YES — есть граница,FRAMEBORDER=NO — нет границы,

FRAMESPACING=n — ширина границы)

<FRAME> Флаг для описания рамки (<FRAME SRC=»file.htm»>).

Параметры флага <FRAME>

SCROLING — параметр для регулировки полосы прокрутки:

SCROLING=YES — полоса прокрутки будет всегда 
SCROLING=NO — полосы прокрутки не будет
SCROLING=AUTO — полоса прокрутки появляется только в случае необходимости

MARGINWIDHT и MARGINHEIGHT — параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки

NORESIZE — параметр, указывающий на то, что размер рамки-фрейма никогда не будет меняться.

A link to <A HREF=»file.htm»TARGET=»frame2″> file.htm</A> -Связь между фреймами

TARGET — атрибут связи между фреймами. Имеет несколько значений:

Больше статей:   Как писать стили CSS

_BLANK загружает содержимое страницы, заданной ссылкой, в новое пустое окно.

_SELF содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку.

_PARENT загружает содержимое страницы, заданной ссылкой, в окно,являющееся непосредственным владельцем набора фреймов.

_TOP содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.

Обработка браузеров, не поддерживающих фреймы:

<FRAMESET>
…Здесь располагаются фреймы
</FRAMESET>
<NOFRAMES>
<BODY>
…Здесь располагается текст без фреймов
<BODY>
</NOFRAMES>

В секции, предназначенной для тех пользователей, которые»не видят» рамки, можно расположить какой-нибудь пояснительный текст.

Бегущая строка

<MARQUEE>ТЕКСТ</MARQUEE>— Флаг, создающий бегущую строку

<MARQUEE DIRECTION=left>TEKCT</MARQUEE> — Если бегущую строку нужно направить справа налево

<MARQUEE DIRECTION=right>TEKCT</MARQUEE> — движение слева направо. 

scroll — стандартное движение от правого края к левому

slide — надпись один раз пробегает от правого края к левому, где и остается.

alternate — движение от правого края страницы к левому и обратно.Бесконечный цикл.

<MARQUEE LOOP=n BEHAVIOR=scroll>TEKCT</MARQUEE> -Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла.

<MARQUEE WIDHT=n>TEKCT</MARQUEE> — указать ширину участка,занимаемого бегущей строкой, где n — ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы. 

<MARQUEE scrollamount=n>TEKCT</MARQUEE> — Регулировка движения надписи по экрану. Здесь n — число пикселей. 

<MARQUEE scrolldelay=t>TEKCT</MARQUEE> В данном случае переменная величина — время t — измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново. 

<FONTSIZE=n><MARQUEE> ТЕКСТ</MARQUEE></FONT> -возможность указывать величину шрифта текста в строке.

<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> — окрасить поверхность бегущей строки в какой-либо цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа либо написав его название

<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> — указать высоту бегущей строки, задавая величину n в пикселях 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *