Ћекции.ќрг


ѕоиск:




 атегории:

јстрономи€
Ѕиологи€
√еографи€
ƒругие €зыки
»нтернет
»нформатика
»стори€
 ультура
Ћитература
Ћогика
ћатематика
ћедицина
ћеханика
ќхрана труда
ѕедагогика
ѕолитика
ѕраво
ѕсихологи€
–елиги€
–иторика
—оциологи€
—порт
—троительство
“ехнологи€
“ранспорт
‘изика
‘илософи€
‘инансы
’ими€
Ёкологи€
Ёкономика
Ёлектроника

 

 

 

 


ѕобудова списк≥в, таблиць, форм




 

 

Ёлемент HTML Ч это основна€ структурна€ единица веб-страницы, написанна€ на €зыке HTML

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

 

создаЄт список

первый элемент

второй элемент

третий элемент

 

≈сли вместо <UL> (Unordered List, что означает ненумерованный список) поставить <OL> (Ordered List, нумерованный список), список получитс€ нумерованным:

первый элемент

второй элемент

третий элемент

 

” этих тегов есть параметры:

Ђtypeї="тип"

 

где тип Ч форма цифр или букв (может быть в ul -

square Ч квадрат

round Ч пустой круг

disk Ч полный круг, по умолчанию,

 

а в ol -

ЂAї или Ђаї (латинскими буквами) Ч Ѕуквенный список, соответственно заглавными или обычными буквами.

ЂIї или Ђiї Ч –имские цифры

Ђ1ї Ч арабские цифры

 

пишетс€ так:

<ol type="i">

 

<li> ѕервое </li>

 

<li> ¬торое </li>

 

<li> » т.д. </li>

 

</ol>

 

, параметр Ђstartї (дл€ <ol), определ€ющий начало нового отсчета, например, не 1, 2, 3, а 14, 15, 16

 

ѕишетс€ так:

<ol start="24">

 

<li> ƒвадцать четыре </li>

 

<li> ƒвадцать п€ть </li>

 

<li> » т.д. </li>

 

и, наконец дл€ тега <li параметр Ђvalueї - если необходимо перескочить с одной цифры на другую, например, не 1, 2, 3, а 1, 2, 4, 5, и т.д.

<ol>

 

<li> ќдин </li>

 

<li> ƒва </li>

 

<li value="22"> ƒвадцать два </li>

 

<li> ƒвадцать три </li>

 

.

 

Ќаконец, третьим, и последним, списком, €вл€етс€ список определений:

 

<DL>

<DT>  ошка </DT> <DD> м€укающее домашнее животное </DD>

<DT>  от </DT> <DD> муж кошки </DD>

<DT>  рокодил </DT> <DD> большой африканский зверь с острыми зубами </DD>

</DL>

 

создаст следующее:

 ошка

м€укающее домашнее животное

 от

муж кошки

 рокодил

большой африканский зверь с острыми зубами

 

ћежду прочим, теги <LI>, <DT>, <DD> можно и не закрывать.

“аблицы

TABLE Ч создание таблицы. ѕараметры тега:

BORDER Ч толщина разделительных линий в таблице

CELLSPACING Ч рассто€ние между клетками

CAPTION Ч заголовок таблицы (этот тег необ€зателен)

TR Ч строка таблицы

TH Ч заголовок столбца таблицы (этот тег необ€зателен)

TD Ч €чейка таблицы

height Ч высота таблицы

width Ч ширина таблицы

 

“ак, например,

<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>

 

—оздаст таблицу:

”лов крокодилов в ћумбе-ёмбе√од ”лов

1997 214

1998 216

1999 207

 

 

” тега TABLE есть ещЄ параметр CELLPADDING. ќн определ€ет рассто€ние в пиксел€х между рамкой €чейки и еЄ содержимым. Ќапример, если заменить первую строку таблицы на

<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="5">

 

таблица получитс€ такой:

”лов крокодилов в ћумбе-ёмбе√од ”лов

1997 214

1998 216

1999 207

 

 

ƒругой параметр тегов TABLE, TR, TH, TD Ч ALIGN. ќн определ€ет выравнивание. ¬озможные значени€ Ч center (по центру), left (по левому краю), right (по правому краю).

 

ѕараметр ALIGN в TD или TH определ€ет выравнивание дл€ содержимого внутри данной €чейки, в TR Ч дл€ содержимого всех €чеек строки, TABLE Ч дл€ самой таблицы на страничке. ƒл€ каждой €чейки берЄтс€ выравнивание из TD или TH, если оно не задано Ч из TR, если и оно не задано Ч по центру дл€ TH или по левому краю дл€ TD.

 

Ќапример, если заменить первые строки таблицы на

<TABLE BORDER="1" CELLSPACING="0" ALIGN="center">

<CAPTION> ”лов крокодилов в ћумбе-ёмбе </CAPTION>

<TH> √од </TH>

<TH> ”лов </TH>

<TR>

<TD> 1997 </TD> <TD ALIGN="CENTER"> 214 </TD>

 

таблица получитс€ такой:

”лов крокодилов в ћумбе-ёмбе√од ”лов

1997 214

1998 216

1999 207

 

 

Ќезакрытые теги TD, TR и TH привод€т к некорректному отображению, особенно при работе с вложенными таблицами.

[править]

‘ормы

 

—оздание форм в HTML €вл€етс€ довольно сложным делом. «десь привод€тс€ только названи€ основных тегов.

FORM Ч создание формы

INPUT Ч элемент ввода (может иметь разные функции Ч от ввода текста до отправки формы)

TEXTAREA Ч текстова€ область (многострочное поле дл€ ввода текста)

SELECT Ч список (обычно в виде выпадающего меню)

OPTION Ч пункт списка

 

 





ѕоделитьс€ с друзь€ми:


ƒата добавлени€: 2015-11-05; ћы поможем в написании ваших работ!; просмотров: 470 | Ќарушение авторских прав


ѕоиск на сайте:

Ћучшие изречени€:

„еловек, которым вам суждено стать Ц это только тот человек, которым вы сами решите стать. © –альф ”олдо Ёмерсон
==> читать все изречени€...

2061 - | 1924 -


© 2015-2024 lektsii.org -  онтакты - ѕоследнее добавление

√ен: 0.015 с.