01-lect_html
.pdfПараметры тега BODY
background – фоновое изображение text – цвет текста
link – цвет ссылок
vlink – цвет посещенных ссылок alink – цвет активной ссылки bgproperties - параметры фона
Гиперссылки
Ссылки бывают абсолютные и относительные.
<A HREF="filename" target="_self">название ссылки</A>
Атрибут HREF задает значение адреса документа, на который указывает ссылка.
filename — имя файла или адрес Internet, на который необходимо сослаться.
название ссылки — название гипертекстовой ссылки, которое будет отображаться в браузере, т.е. показываться тем, кто зашел на страницу.
TARGET — задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута:
_top — открытие документа в текущем окне _blank — открытие документа в новом окне _self — открытие документа в текущем фрейме
_parent — открытие документа в родительском фрейме Значение по умолчанию: _self
http://ru.wikipedia.org/wiki/Элементы_HTML
Виды ссылок
Абсолютная
<a href=”http://www.example.com”>Ссылка</a>
Относительная
<a href=”article1.thml”>Ссылка</a>
Якорь (ссылка на участок в документе)
<a name=”1”>Статья</a>
<a href=”#1”>Ссылка</a>
<a href=”index.html#1”>Ссылка</a>
<a href=”http://www.example.com/index.html#1”>Ссылка</a>
Ссылка на e-mail
<a href=”mailto:mypostbox@example.com”>Написать мне письмо<\a>
Таблицы
TABLE — создание таблицы. Параметры тега:
BORDER — толщина разделительных линий в таблице CELLSPACING — расстояние между клетками CAPTION — заголовок таблицы (этот тег необязателен) TR — строка таблицы
TH — заголовок столбца таблицы (этот тег необязателен) TD — ячейка таблицы
height - высота таблицы width - ширина таблицы
см. далее
http://ru.wikipedia.org/wiki/Элементы_HTML
Параметры таблиц
Общие параметры TABLE, TH, TD:
WIDTH, HEIGHT, BORDER, ALIGN (left, center, right), VALIGN (top, bottom, middle), BGCOLOR, BACKGROUND
Параметры TABLE:
CELLPADDING, CELLSPACING
Параметры TH, TD:
COLSPAN, ROWSPAN
Пример таблицы
<TABLE BORDER="1" CELLSPACING="0">
<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION> <TH> Год </TH>
<TH> Улов </TH> <TR>
<TD> 1997 </TD> <TD> 214 </TD>
</TR>
<TR>
<TD> 1998 </TD> <TD> 216 </TD>
</TR>
<TR>
<TD> 1999 </TD> <TD> 207 </TD>
</TR>
</TABLE>
http://ru.wikipedia.org/wiki/Элементы_HTML
<TABLE BORDER="1" CELLSPACING="0"> <CAPTION>Тест colspan</CAPTION> <TR>
<TH colspan="2">A1</TH> </TR>
<TR>
<TH>B1</TH><TH>B2</TH>
</TR>
<TR>
<TD>1</TD><TD>2</TD>
</TR>
</TABLE>
<TABLE BORDER="1" CELLSPACING="0"> <CAPTION>Тест rowspan</CAPTION> <TR>
<TH rowspan="2">A1</TH><TH>A2</TH> </TR>
<TR>
<TH>B2</TH>
</TR>
<TR>
<TD>1</TD><TD>2</TD>
</TR>
</TABLE>
Пример таблицы:
Наименование |
|
Цена |
|
Розничная |
Оптовая |
||
|
|||
Книга... |
100 |
90 |
|
Книга... |
200 |
180 |
|
Книга... |
300 |
270 |
Формы
FORM — создание формы
INPUT — элемент ввода (может иметь разные функции — от ввода текста до отправки формы)
TEXTAREA — текстовая область (многострочное поле для ввода текста)
SELECT — список (обычно в виде выпадающего меню) OPTION — пункт списка
http://ru.wikipedia.org/wiki/Элементы_HTML