Список елементів HTML - Короткий КЕРІВНИЦТВО ПО HTML
- базисні елементи (всі документи на HTML повинні містити їх)
- визначення структури (вид задається параметрами програми-переглядача)
- зовнішній вигляд (автор визначає зовнішній вигляд тексту)
- посилання і графіка
- роздільники
- списки
- фон і кольору
- спеціальні символи
- форми
- таблиці
- фрейми (frames)
- мова Java
- різний
БАЗИСНІ ЕЛЕМЕНТИ | |||
---|---|---|---|
Тип документа |
<HTML> </ HTML> |
(Початок і кінець файлу) |
|
ім'я документа |
<TITLE> </ TITLE> |
(Повинно бути в заголовку) |
|
Заголовок |
<HEAD> </ HEAD> |
(Опис документа, наприклад його ім'я) |
|
тіло |
<BODY> </ BODY> |
(Вміст сторінки) |
ВИЗНАЧЕННЯ СТРУКТУРИ | |||
---|---|---|---|
Назва |
<H?> </ H?> |
(Стандарт визначає 6 рівнів) |
|
з вирівнюванням |
<H? ALIGN = LEFT | CENTER | RIGHT> </ H?> |
||
секція |
<DIV> </ DIV> |
||
з вирівнюванням |
<DIV ALIGN = LEFT | RIGHT | CENTER> </ DIV> |
||
Цитата |
<BLOCKQUOTE> </ BLOCKQUOTE> |
(Зазвичай виділяється відступом) |
|
виділення |
<EM> </ EM> |
(Зазвичай зображується курсивом) |
|
додаткове виділення |
<STRONG> </ STRONG> |
(Зазвичай зображується жирним шрифтом) |
|
Відсилання, цитата |
<CITE> </ CITE> |
(Зазвичай курсив) |
|
код |
<CODE> </ CODE> |
(Для лістингів коду) |
|
приклад виведення |
<SAMP> </ SAMP> |
||
Введення з клавіатури |
<KBD> </ KBD> |
||
Мінлива |
<VAR> </ VAR> |
||
визначення |
<DFN> </ DFN> |
(Часто не підтримується) |
|
Адреса автора |
<ADDRESS> </ ADDRESS> |
||
великий шрифт |
<BIG> </ BIG> |
||
маленький шрифт |
<SMALL> </ SMALL> |
ЗОВНІШНІЙ ВИГЛЯД | |||
---|---|---|---|
жирний |
<B> </ B> |
||
курсив |
<I> </ I> |
||
N3.0b |
підкреслений |
<U> </ U> |
(Часто не підтримується) |
перекреслений |
<STRIKE> </ STRIKE> |
(Часто не підтримується) |
|
N3.0b |
перекреслений |
<S> </ S> |
(Часто не підтримується) |
верхній індекс |
<SUB> </ SUB> |
||
Нижній індекс |
<SUP> </ SUP> |
||
Друкарська машинка |
<TT> </ TT> |
(Зображується як шрифт фіксованої ширини) |
|
форматування |
<PRE> </ PRE> |
(Зберегти формат тексту як є) |
|
Ширина |
<PRE WIDTH =?> </ PRE> |
(В символах) |
|
центрировать |
<CENTER> </ CENTER>> |
(Як текст, так і графіку) |
|
N1.0 |
миготливий |
<BLINK> </ BLINK> |
(Найбільш осміяний елемент) |
Розмір шрифту |
<FONT SIZE =?> </ FONT> |
(Від 1 до 7) |
|
Змінити розмір шрифту |
<FONT SIZE = "+ | -?"> </ FONT> |
||
N1.0 |
Базовий розмір шрифту |
<BASEFONT SIZE =?> |
(Від 1 до 7; за замовчуванням 3) |
колір шрифту |
<FONT COLOR = "# $$$$$$"> </ FONT> |
||
N3.0b |
вибір шрифту |
<FONT FACE = "***"> </ FONT> |
|
N3.0b |
Багатоколоночних текст |
<MULTICOL COLS =?> </ MULTICOL> |
|
N3.0b |
Пропуск між колонками |
<MULTICOL GUTTER =?> </ MULTICOL> |
(За замовчуванням 10 точок) |
N3.0b |
Ширина колонки |
<MULTICOL WIDTH =?> </ MULTICOL> |
|
N3.0b |
порожній блок |
<SPACER> |
|
N3.0b |
Тип порожнього блоку |
<SPACER TYPE = horizontal | vertical | block> |
|
N3.0b |
Величина порожнього блоку |
<SPACER SIZE =?> |
|
N3.0b |
Розміри порожнього блоку |
<SPACER WIDTH =? HEIGHT =?> |
|
N3.0b |
вирівнювання |
<SPACER ALIGN = left | right | center> |
ПОСИЛАННЯ І ГРАФІКА | |||
---|---|---|---|
Посилання |
<A HREF="URL"> </A> |
||
Посилання на закладку |
<A HREF="URL#***"> </A> |
(В іншому документі) |
|
<A HREF="#***"> </A> |
(В тому ж документі) |
||
N2.0 |
На інше вікно |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"> </A> |
|
визначити ятати |
<A NAME="***"> </A> |
||
ставлення |
<A REL="***"> </A> |
(Часто не підтримується) |
|
зворотне відношення |
<A REV="***"> </A> |
(Часто не підтримується) |
|
графіка |
<IMG SRC = "URL"> |
||
вирівнювання |
<IMG SRC = "URL" ALIGN = TOP | BOTTOM | MIDDLE | LEFT | RIGHT > |
||
N1.0 |
вирівнювання |
<IMG SRC = "URL" ALIGN = TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM> |
|
альтернатива |
<IMG SRC = "URL" ALT = "***"> |
(Виводиться якщо картинка не зображується) |
|
Карта |
<IMG SRC = "URL" ISMAP> |
(Потрібна також програма) |
|
локальна карта |
<IMG SRC = "URL" USEMAP = "URL"> |
||
визначення карти |
<MAP NAME = "***"> </ MAP> |
||
області карти |
<AREA SHAPE = "RECT" COORDS = ",,," HREF = "URL" | NOHREF> |
||
Розміри |
<IMG SRC = "URL" WIDTH =? HEIGHT =?> |
(В точках) |
|
окантовка |
<IMG SRC = "URL" BORDER =?> |
(В точках) |
|
відступ |
<IMG SRC = "URL" HSPACE =? VSPACE =?> |
(В точках) |
|
N1.0 |
Замінник в низькому дозволі |
<IMG SRC = "URL" LOWSRC = "URL"> |
|
N1.1 |
оновити |
<META HTTP-EQUIV = "Refresh" CONTENT = "?; URL = URL"> |
|
N2.0 |
включити об'єктах |
<EMBED SRC = "URL"> |
(Вставити об'єктах в сторінку) |
N2.0 |
Розмір об'єктах |
<EMBED SRC = "URL" WIDTH =? HEIGHT =?> |
роздільник | |||
---|---|---|---|
параграф |
<P> </ P> |
(Закривати елемент часто не обов'язково) |
|
вирівнювання |
<P ALIGN = LEFT | CENTER | RIGHT> </ P> |
||
новий рядок |
<BR> |
(Одиночний переклад рядка) |
|
Прибрати вирівнювання |
<BR CLEAR=LEFT|RIGHT|ALL> |
||
горизонтальний роздільник |
<HR> |
||
вирівнювання |
<HR ALIGN = LEFT | RIGHT | CENTER> |
||
товщина |
<HR SIZE =?> |
(В точках) |
|
Ширина |
<HR WIDTH =?> |
(В точках) |
|
N1.0 |
Ширина у відсотках |
<HR WIDTH = "%"> |
(У відсотках від ширини сторінки) |
суцільна лінія |
<HR NOSHADE> |
(Без тривимірних ефектів) |
|
N1.0 |
ні розбивки |
<NOBR> </ NOBR> |
(Забороняє новий рядок) |
N1.0 |
перенесення |
<WBR> |
(Де розбивати рядок для перенесення при необхідності) |
СПИСКИ |
||||
---|---|---|---|---|
невпорядкований |
<UL> <LI> </ UL> |
(<LI> перед кожним елементом) |
||
компактний |
<UL COMPACT> </ UL> |
|||
Тип мітки |
<UL TYPE = DISC | CIRCLE | SQUARE> |
(Для всього списку) |
||
<LI TYPE = DISC | CIRCLE | SQUARE> |
(Цей і наступні) |
|||
нумерування |
<OL> <LI> </ OL> |
(<LI> перед кожним елементом) |
||
компактний |
<OL COMPACT> </ OL> |
|||
Тип нумерації |
<OL TYPE = A | a | I | i | 1> |
(Для всього списку) |
||
<LI TYPE = A | a | I | i | 1> |
(Цей і наступні) |
|||
перший номер |
<OL START =?> |
(Для всього списку) |
||
<LI VALUE =?> |
(Цей і наступні) |
|||
список визначень |
<DL> <DT> <DD> </ DL> |
(<DT> = термін, <DD> = визначення) |
||
компактний |
<DL COMPACT> </ DL> |
|||
Меню |
<MENU> <LI> </ MENU> |
(<LI> перед кожним елементом) |
||
компактне |
<MENU COMPACT> </ MENU> |
|||
Каталог |
<DIR> <LI> </ DIR> |
(<LI> перед кожним елементом) |
||
компактний |
<DIR COMPACT> </ DIR> |
ФОН І КОЛЬОРУ | |||
---|---|---|---|
фонова картинка |
<BODY BACKGROUND = "URL"> |
||
Колір фону |
<BODY BGCOLOR = "# $$$$$$"> |
(Порядок: червоний / зелений / синій) |
|
колір тексту |
<BODY TEXT = "# $$$$$$"> |
||
колір посилання |
<BODY LINK = "# $$$$$$"> |
||
пройдена посилання |
<BODY VLINK = "# $$$$$$"> |
||
активне посилання |
<BODY ALINK = "# $$$$$$"> |
||
СПЕЦІАЛЬНІ СИМВОЛИ
| |||
---|---|---|---|
спеціальний символ |
& # ?; |
(Де? Це код ISO 8859-1) |
|
< |
& lt; |
||
> |
& gt; |
||
& |
& amp; |
||
" |
& quot; |
||
Торгова марка ТМ |
& reg; |
||
Copyright |
& copy; |
||
неподільні пробіл |
& nbsp; |
||
( Повний список ) |
ФОРМИ | |||
---|---|---|---|
визначити форму |
<FORM ACTION = "URL" METHOD = GET | POST> </ FORM> |
||
N2.0 |
посилка файлу |
<FORM ENCTYPE = "multipart / form-data"> </ FORM> |
|
Поле введення |
<INPUT TYPE = "TEXT | PASSWORD | CHECKBOX | RADIO | IMAGE | HIDDEN | SUBMIT | RESET "> |
||
ім'я поля |
<INPUT NAME = "***"> |
||
значення поля |
<INPUT VALUE = "***"> |
||
Відзначено? |
<INPUT CHECKED> |
(Checkboxes і radio boxes) |
|
Розмір поля |
<INPUT SIZE =?> |
(В символах) |
|
Максимальна довжина |
<INPUT MAXLENGTH =?> |
(В символах) |
|
список варіантів |
<SELECT> </ SELECT> |
||
ім'я списку |
<SELECT NAME = "***"> </ SELECT> |
||
число варіантів |
<SELECT SIZE =?> </ SELECT> |
||
множинного вибору |
<SELECT MULTIPLE> |
(Можна вибрати більше одного) |
|
опція |
<OPTION> |
(Елемент який може бути обраний) |
|
Опція за замовчуванням |
<OPTION SELECTED> |
||
Введення тексту, розмір |
<TEXTAREA ROWS =? COLS =?> </ TEXTAREA> |
||
ім'я тексту |
<TEXTAREA NAME = "***"> </ TEXTAREA> |
||
N2.0 |
Розбивка на рядки |
<TEXTAREA WRAP = OFF | VIRTUAL | PHYSICAL> </ TEXTAREA> |
таблиці | |||
---|---|---|---|
визначити таблицю |
<TABLE> </ TABLE> |
||
окантовка таблиці |
<table border =?> </ TABLE> |
||
Відстань між осередками |
<TABLE CELLSPACING =?> |
||
доповнення осередків |
<TABLE CELLPADDING =?> |
||
Бажана ширина |
<TABLE WIDTH =?> |
(В точках) |
|
Ширина у відсотках |
<TABLE WIDTH = "%"> |
(Відсотки від ширини сторінки) |
|
рядок таблиці |
<TR> </ TR> |
||
вирівнювання |
<TR ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM> |
||
осередок таблиці |
<TD> </ TD> |
(Повинна бути всередині рядка) |
|
вирівнювання |
<TD ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM> |
||
Без перекладу рядка |
<TD NOWRAP> |
||
Розтягування по колонці |
<TD COLSPAN =?> |
||
Розтягування по рядку |
<TD ROWSPAN =?> |
||
N1.1 |
Бажана ширина |
<TD WIDTH =?> |
(В точках) |
N1.1 |
Ширина у відсотках |
<TD WIDTH = "%"> |
(Відсотки від ширини сторінки) |
N3.0b |
колір осередки |
<TD BGCOLOR = "# $$$$$$"> |
|
заголовок таблиці |
<TH> </ TH> |
(Як дані, але жирний шрифт і центрування) |
|
вирівнювання |
<TH ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM> |
||
Без перекладу рядка |
<TH NOWRAP> |
||
Розтягування по колонці |
<TH COLSPAN =?> |
||
Розтягування по рядку |
<TH ROWSPAN =?> |
||
N1.1 |
Бажана ширина |
<TH WIDTH =?> |
(В точках) |
N1.1 |
Ширина у відсотках |
<TH WIDTH = "%"> |
(Відсотки ширини таблиці) |
N3.0b |
колір осередки |
<TH BGCOLOR = "# $$$$$$"> |
|
Назва таблиці |
<CAPTION> </ CAPTION> |
||
вирівнювання |
<CAPTION ALIGN = TOP | BOTTOM> |
(Зверху / знизу таблиці) |
фрейми | |||
---|---|---|---|
N2.0 |
Документ з фреймами |
<FRAMESET> </ FRAMESET> |
(замість <BODY>) |
N2.0 |
Висота рядків |
<FRAMESET ROWS = ,,,> </ FRAMESET> |
(Точки або%) |
N2.0 |
Висота рядків |
<FRAMESET ROWS = *> </ FRAMESET> |
(* = Відносний розмір) |
N2.0 |
Ширина колонок |
<FRAMESET COLS = ,,,> </ FRAMESET> |
(Точки або%) |
N2.0 |
Ширина колонок |
<FRAMESET COLS = *> </ FRAMESET> |
(* = Відносний розмір) |
N3.0b |
Ширина окантовки |
<FRAMESET BORDER =?> |
|
N3.0b |
окантовка |
<FRAMESET FRAMEBORDER = "yes | no"> |
|
N3.0b |
колір окантовки |
<FRAMESET BORDERCOLOR = "# $$$$$$"> |
|
N2.0 |
визначити фрейм |
<FRAME> |
(Зміст окремого фрейма) |
N2.0 |
документ |
<FRAME SRC = "URL"> |
|
N2.0 |
ім'я фрейму |
<FRAME NAME = "***" | _blank | _self | _parent | _top> |
|
N2.0 |
Ширина кордону |
<FRAME MARGINWIDTH =?> |
(Права і ліва кордону) |
N2.0 |
Висота кордону |
<FRAME MARGINHEIGHT =?> |
(Верхня і нижня межі) |
N2.0 |
Скролінг? |
<FRAME SCROLLING = "YES | NO | AUTO"> |
|
N2.0 |
сталу суму |
<FRAME NORESIZE> |
|
N3.0b |
окантовка |
<FRAME FRAMEBORDER = "yes | no"> |
|
N3.0b |
колір окантовки |
<FRAME BORDERCOLOR = "# $$$$$$"> |
|
N2.0 |
Зміст без фреймів |
<NOFRAMES> </ NOFRAMES> |
(Для переглядачів що не підтримують фрейми) |
МОВУ JAVA | |||
---|---|---|---|
Applet |
<APPLET> </ APPLET> |
||
Applet - ім'я файлу |
<APPLET CODE = "***"> |
||
параметри |
<APPLET PARAM NAME = "***"> |
||
Applet - адреса |
<APPLET CODEBASE = "URL"> |
||
Applet - ім'я |
<APPLET NAME = "***"> |
(Для посилань з інших частин сторінки) |
|
альтернативний текст |
<APPLET ALT = "***"> |
(Для програм не підтримують Java) |
|
вирівнювання |
<APPLET ALIGN = "LEFT | RIGHT | CENTER"> |
||
Розміри |
<APPLET WIDTH =? HEIGHT =?> |
(В точках) |
|
відступ |
<APPLET HSPACE =? VSPACE =?> |
(В точках) |
РІЗНЕ | |||
---|---|---|---|
коментар |
<! - *** -> |
(Ігнорується переглядачем) |
|
Пролог HTML 3.2 |
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 3.2 // EN"> |
||
Пошук |
<ISINDEX> |
(Означає початкову точку пошуку) |
|
запрошення |
<ISINDEX PROMPT = "***"> |
(Текст запрошення для поля введення) |
|
запустити пошук |
<A HREF="URL?***"> </a> |
(Використовуйте дійсно знак питання) |
|
URL цього файлу |
<BASE HREF = "URL"> |
(Повинно бути в заголовку) |
|
N2.0 |
Ім'я базового вікна |
<BASE TARGET = "***"> |
(Повинно бути в заголовку) |
ставлення |
<LINK REV = "***" REL = "***" HREF = "URL"> |
(Повинно бути в заголовку) |
|
метаінформація |
<META> |
(Повинно бути в заголовку) |
|
стилі |
<STYLE> </ STYLE> |
(Часто не підтримується) |
|
програма |
<SCRIPT> </ SCRIPT> |
(Часто не підтримується) |
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.