Понедельник, 25.09.2017, 08:53
Приветствую Вас Гость | rss
Меню сайта
Форма входа

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Теги HTML (шпаргалка)

 

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


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


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


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


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

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

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


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

BGCOLOR - цвет фона (<BODY BGCOLOR="#000000">)

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> - Заголовок шестого уровня.


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


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

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

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

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

<FONT SIZE=n>и</FONT> - теги для изменения размера шрифта (где n - размер шрифта в пикселях px).

<FONT COLOR="#FFFFFF"> и </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:nick@mail.ru">nick@mail.ru</ADDRESS> - гиперсвязь с адресом электронной почты


Таблицы


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


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

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

BGCOLOR - цвет фона

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

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


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


<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 - атрибут связи между фреймами. Имеет несколько значений:

_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 - измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново.

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

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

<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> - указывает высоту бегущей строки


Поиск
Календарь
«  Сентябрь 2017  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930
Архив записей

rss
Яндекс.Метрика Каталог@Mail.ru - каталог ресурсов интернет