Странички Вячеслава Мищенко

Табличная верстка (страничка находится на этапе проектирования)

Из прошлого урока мы узнали как создать первую html страничку. Теперь я расскажу как сделать на страничке простые таблици.

Создадим для начала простую табицу 1х1 . Теги таблици будут выглядеть так:

<tr> < td height="240">Таблица 1</td> </tr>

</table>

И вставляем нашу таблицу на нашу страничку теги которой мы изучили на прошлом уроке.
Все пишем в обычном блокноте или текстовом редакторе. У нас должно получиться вот что:

<html>
< head >
<meta http-equiv="content-type" content="text/html; charset=windows-1251" >
< /head >
<body >
<table width="75%" border="1" cellspacing="5" cellpadding="3">
<tr>
< td height="240">Таблица 1</td>
</tr>
</table>
< /body >
< /html>

Сохраняем наш текстовый документ с именем например table.html
Открываем любым броузером и любуемся нашей табличкой.

Мы с вами создали табличку рамером в одну строку и один столбец.

Теги <table > </table> - означают начало и конец нашей таблички.
<tr></tr> -это стока таблици
<td></td> - это столбец таблици.

Но тег <table > содержит еще и параметры: width="75%" означает ширину таблици в процентах. border="1" означает что размер бордюра или контура таблици будет 1 пиксел. Тег cellspacing="5" означает что пространство между ячейками таблици будет равно 5 пикселов. То есть размер внешних отступов.

Тег cellpadding="3" означает что между содердимым ячейки и границей будет отступ 3 пиксела.
То есть это размер внутренних отступов.

У тега < td > в нашем случае тоже есть параметер. height="240" - означает что высота ячейки будет навна 240.

Продолжение следует...

НАЧАЛЬНАЯ I WEBS I КЛИЕНТЫ I FLASH I ГАЛЕРЕЯ I УРОКИ I ГОСТЕВАЯ I ОБО МНЕ
Все товары и торговые марки принадлежат их владельцам. © Copyright 2000-2010 Вячеслав Мищенко. All rights reserved. vvm.narod.ru

Сайт управляется системой uCoz