Список
основних тегів HTML та їх параметрів (аргументів)
Структура документа
<HTML> … </ HTML>
- початок і кінець HTML-документа.
<HEAD> … </ HEAD> -
початок і кінець розділу заголовків. Тут розміщується інформація, яка не
відображатиметься на веб-сторінці.
<TITLE> … </ TITLE> - назва
документа (розміщується в розділі заголовків)
<BODY> … </ BODY> -
початок і кінець тіла документа. Атрибути:
·
TOPMARGIN=… – ширина в пікселах
верхнього і нижнього полів документа
·
LEFTMARGIN=…
– ширина в пікселах лівого і правого полів документа
·
TEXT=…
– колір символів для всього тексту (наприклад, GREEN чи #FF2AFE)
·
BGCOLOR=…
– колір фону для всього тексту (словом чи код)
·
BACKGROUND="адреса
файлу-картинки" –
фонова картинка для веб-сторінки
·
LINK="колір"
– колір ще не відвіданих гіперпосилань
·
VLINK="колір"
– колір відвіданих гіперпосилань
·
ALINK="колір"
– колір активного (натиснутого) гіперпосилання
·
BGPROPERTIES=FIXED – фонове
зображення сторінки не буде прокручуватись
·
TOPMARGIN=…
LEFTMARGIN=… RIGHTMARGIN=… BOTTOMMARGIN=…
- відступи тексту від краю вікна сторінки відповідно зверху, зліва, справа,
знизу
<DIV> … </ DIV> - початок
і кінець розділу тексту (розміщується у тілі документа)
Форматування тексту
<Н1> … </ H1>, <H2> … </ H2>, … , <H6> … </ H6> - заголовки
різних рівнів. Атрибути:
·
ALIGN=… –
спосіб вирівнювання (CENTER- по
центру, LEFT-
по лівому краю, RIGHT- по
правому краю, JUSTIFY- по
ширині)
<P> … </ P> - початок
і кінець параграфа (закриваючий тег не обов’язковий). Атрибути ті ж, що й у
заголовків (див. <H1>)
<BR> -
перехід на нову стрічку. При обтіканні текстом картинки можливий атрибут:
·
CLEAR=… – закінчення
обтікання (ALL-
закінчити обтікання картинок, LEFT, RIGHT)
<HR> - горизонтальна лінія. Атрибути:
·
ALIGN=… –
спосіб вирівнювання (CENTER, LEFT, RIGHT)
·
WIDTH=…
- ширина лінії у % до ширини вікна
·
SIZE=…
– товщина лінії у пікселах
·
COLOR=… – колір
лінії
·
NOSHADE –
відміна об’ємності лінії.
<BASEFONT> - параметри
шрифту для всього документу:
·
SIZE=… - розмір шрифту (від –2
до 4)
·
COLOR=… - колір
шрифту
·
FACE=… – назва
одного з стандартних шрифтів (наприклад, Arial)
<FONT> … </FONT> - параметри
шрифту для фрагмента тексту (аналогічні BASEFONT)
<CENTER> … </ CENTER> - вирівнювання
фрагмента тексту по центру
<B> … </ B> або <STRONG> … </ STRONG> ділення
фрагмента тексту напівжирним шрифтом
<І> … </ І>
- виділення фрагмента тексту курсивом
<U> … </ U> - виділення
фрагмента тексту підкреслюванням
<S> … </ S> або
<STRIKE>
… </ STRIKE>
- виділення фрагмента тексту закресленням
<SUB> … </ SUB> - подати
фрагмент тексту нижніми індексами
<SUP> … </ SUP> - подати
фрагмент тексту верхніми індексами
<BLINK> … </ BLINK> - подати
фрагмент тексту мигаючим
<BIG> … </ BIG> - виділити
текст буквами більшого розміру
<SMALL> … <SMALL> - виділити
текст буквами меншого розміру
<CITE> … </ CITE> - цитата
(виділяється курсивом)
<PRE> … </ PRE> - зберегти форматування фрагменту
тексту, створене іншою програмою
<MARQUEE> … </ MARQUEE> - подати
фрагмент тексту біжучою стрічкою. Атрибути:
·
HEIGHT=… – висота
області біжучої стрічки в пікселах
·
WIDTH=…
– ширина області біжучої стрічки в пікселах
·
BGCOLOR=… – колір
області біжучої стрічки
·
HSPACE=…
– відступ тексту від краю області по
горизонталі в пікселах
·
VSPACE=…
– відступ тексту від краю області по вертикалі
в пікселах
·
LOOP=… – кількість
повторів (від моменту завантаження) ; при INFINITE - безкінечно
·
DIRECTION=… – напрям
руху ( LEFT, RIGHT,
UP, DOWN )
·
SCROLLAMOUNT=… – швидкість
руху (від 1 до 10)
·
BEHAVIOR=… – поведінка
(SCROLL,
SLIDE, ALTERNATE)
Вставка у документ об’єктів
<IMG>– вставка
у текст картинки. Атрибути:
·
SRC=… - адреса файлу-картинки (якщо файл розміщений у папці з веб-сторінкою, то
достатньо вказати лише назву і розширення)
·
WIDTH=…
– ширина картинки в пікселях
·
HEIGHT=… – висота
картинки в пікселях
·
ALIGN=… –
спосіб обтікання картинки текстом (MIDDLE- по
середині, LEFT-
картина зліва, RIGHT- картинка
справа, BOTTOM-
внизу абзацу, TOP – вверху абзацу)
·
BORDER=…
– товщина рамки навколо картинки в пікселях
·
VSPACE=…
– відстань від тексту до краю картинки по
вертикалі в пікселах
·
HSPACE=…
– відстань від тексту до краю картинки по
горизонталі в пікселах
·
ALT=…
– альтернативний текст, що з’являється при
відсутності картинки
·
USEMAP="# назва
карти " – для
картинки, що є навігаційною картою
<IMG DYNSRC="ім’я файла-відео"
параметри > - вставка у текст
відео ролика. Атрибути:
·
LOOP=… – кількість
повторів; при параметрі INFINITE – безкінечно
·
START=… – спосіб
запуску (MOUSEOVER– при наведенні
миші , OPENFILE – при
завантаженні сторінки )
·
СONTROLS – виведення
кнопок управління показом відеоролика
<BGSOUND
SRC="адреса
звукового файлу" параметр
> - вставка звукового супроводу сторінки. Атрибут: LOOP=… – кількість
повторів; при параметрі INFINITE – безкінечно
Гіперпосилання
<A> текст
</ A> - гіперпосилання
на інший файл чи сторінку. Якщо замість тексту вставити тег IMG з потрібними параметрами, отримаємо
графічне гіперпосилання (кнопку). Атрибути:
·
HREF=…
- адреса файлу чи сторінки, на яку відбувається посилання (якщо сторінка чи
файл розміщений у цій же папці, достатньо вказати лише повну назву файлу).Приклади:
o
HREF=”http://google.com.ua/index.html” – посилання на веб-сторінку
o
HREF=”C:\physic\kont1.doc” – посилання на
файл
o
HREF="#pomidor”
– посилання на якір (якесь місце) в цій веб-сторінці
o
HREF="http://name.ru/my.html#tomat” – посилання на
якір в іншій веб-сторінці
o
HREF=”mailto:marusia@mail.ua” – посилання на поштову адресу
·
TARGET=…
- де відкривати новий документ чи сторінку (_blank – в новому вікні, _self
– в тому ж вікні (по замовчуванню), _parent – в батьківському вікні, name – ім’я фрейму)
·
TITLE=… - випливаюча підказка (при наведенні курсору на
посилання)
·
NAME=…
- ім’я фрейму чи якоря (наприклад, NAME=”#pomidory”)
Списки
<OL> … </ OL> - початок
і кінець впорядкованого (нумерованого) списку (Ordered List). Кожен тег <OL> викликає
перехід на наступну позицію табуляції (зсув тексту вправо), а кожен тег </
OL>
викликає перехід на попередню позицію
табуляції (зсув тексту вліво). В
таких списках кожен новий елемент списку починається тегом <LI>. Атрибути:
·
TYPE=… - тип нумерації (А
– великими латинськими, a – малими латинськими, 1 – арабськими цифрами, І
– римськими цифрами, і – малими
римськими цифрами).
·
START=… - початкове значення
для нумерації арабськими цифрами
·
TITLE – випливаюча підказка.
<UL> … </ UL> - початок
і кінець ненумерованого (маркірованого) списку. Дія аналогічна попередньому
тегу Параметри:
·
TYPE=…
- тип маркера (DISC
– кружок l,
CIRCLE – кільце ¡,
SQUARE
– квадрат n)
<DL> … </DL> - початок
і кінець списку визначень термінів. В такому списку кожен термін починається
тегом <DT>, а його визначення – тегом <DD>.
Таблиці
Таблиці
– основний спосіб розміщення інформації на веб-сторінках. Кількість таблиць
необмежена, в комірках таблиці можна розміщувати інші таблиці. Всі комірки
одного стовпця мають однакову ширину, а комірки однієї стрічки – однакову
висоту (але комірки можна об’єднувати по горизонталі чи по вертикалі)
<TABLE> … </ TABLE> - початок
і кінець таблиці. Атрибути (для всієї таблиці):
·
ALIGN - спосіб
вирівнювання таблиці в тексті (CENTER, LEFT, RIGHT)
·
BACKGROUND – адреса фонової картинки для всієї таблиці
·
BGCOLOR
– колір фону для всієї таблиці
·
BORDER – товщина
рамки навколо таблиці в пікселах
·
BORDERCOLOR – колір
рамки (для монохромної рамки)
·
CELLSPACING – відстань
між окремими комірками (в пікселях)
·
CELLPADDING – відстань
між рамкою комірки і текстом у ній (в пікселях)
·
COLS – кількість колонок (стовпців) у таблиці
·
FRAME
– відображення зовнішньої рамки таблиці (VOID
– показувати всі краї, ABOVE – лише верхній
край, BELOW – лише нижній краї, HSIDES – лише верхній і нижній, VSIDES – лише лівий і правий, LHS – лише лівий край, RHS – лише правий, BORDER – всі краї)
·
RULES – спосіб
відображення внутрішньої сітки таблиці (ALL
– показувати всі межі, NONE – не показувати межі, COLS – показувати лише вертикальні
межі, ROWS – лише горизонтальні межі
комірок)
·
TITLE – випливаюча підказка, коли курсор буде над будь-якою
коміркою таблиці
·
WIDTH
– ширина таблиці (в пікселях чи % до ширини
екрану)
<CAPTION> … </ CAPTION> -
заголовок таблиці. Атрибути:
·
ALIGN – вирівнювання заголовка відносно таблиці (LEFT – зверху ліворуч, RIGHT – зверху праворуч, TOP – зверху (по замовчуванню) , BOTTOM – знизу під таблицею)
·
TITLE
– випливаюча підказка для заголовка
<TR> … </ TR> - окрема
стрічка таблиці. Атрибути:
·
HEIGHT – висота стрічки (в пікселях чи % до висоти всієї
таблиці)
·
ALIGN – горизонтальне вирівнювання
тексту в комірках стрічки (LEFT, RIGHT, CENTER)
·
VALIGN – вертикальне
вирівнювання тексту (TOP,
MIDDLE,
BOTTOM)
<TD> … </ TD> - окрема
комірка таблиці. Атрибути:
·
BGCOLOR – колір
фону комірки
·
HEIGHT – висота
комірки у пікселях (непотрібна, якщо вона вказана у TR для всієї стрічки). Якщо в одній стрічці вказані різні висоти
комірок, то вони
вирівнюються по максимальному значенню
·
WIDTH – ширина
комірки у пік селах; її потрібно вказувати лише для комірок у першій стрічці,
бо для всіх комірок колонки (стовпця) ширина однакова
·
ALIGN – горизонтальне
вирівнювання тексту у комірці (LEFT,
RIGHT, CENTER)
·
VALIGN – вертикальне
вирівнювання тексту у комірці (TOP, MIDDLE, BOTTOM)
·
CELLPADDING – відстань
в пікселях від межі комірки до тексту у ній (поле)
·
COLSPAN –
кількість колонок, які об’єднує ця комірка
·
ROWSPAN – кількість
стрічок, які об’єднує ця комірка
·
TITLE
– випливаюча підказка для цієї комірки
Зауваження:
1.
При "об'єднанні" кількох
комірок в одну слід уважно рахувати кількість комірок у стрічці, щоб не зіпсувати
прямокутну форму таблиці за рахунок "виступаючих" комірок.
2.
В комірках таблиці можна розміщувати
будь-які дані, в т.ч. тексти, картинки, гіперпосилання тощо.
Немає коментарів:
Дописати коментар