ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Занятия и примеры по HTML | Элемент TABLE

Элемент TABLE

Пример 36
Пример 37
Пример 38
Пример 39
Пример 40
Пример 41

В этом разделе мы рассмотрим несколько атрибутов элемента TABLE. Некоторые из них являются устаревающими (т.е. эти свойства лучше описывать стилевыми таблицами). Подробнее с элементом TABLE можно познакомиться в главе 11.2. Элементы для построения таблиц.

АтрибутОписание
align выравнивание таблицы по горизонтали
bgcolor цвет фона таблицы
cellpaddingрасстояние между содержанием ячейки и рамкой таблицы
cellspacingрасстояние между ячейками таблицы
width ширина таблицы
Пример 36
width="100%"
<HTML> 
   <HEAD>
            <TITLE>
                        Пример 36
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="100%">
               <TR>
                    <TH>1-1</TH><TH>1-2</TH><TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD><TD>2-2</TD><TD>2-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>
Пример 37
width="50%"
align="center"
<HTML> 
   <HEAD>
            <TITLE>
                        Пример 37
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="50%" align="center">
               <TR>
                    <TH>1-1</TH><TH>1-2</TH><TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD><TD>2-2</TD><TD>2-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>
Пример 38
width="50%"
align="right"
<HTML> 
   <HEAD>
            <TITLE>
                        Пример 38
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="50%" align="right">
               <TR>
                    <TH>1-1</TH><TH>1-2</TH><TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD><TD>2-2</TD><TD>2-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>
Пример 39
width="70%"
align="right"
bgcolor="green"
<HTML> 
   <HEAD>
            <TITLE>
                        Пример 39
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="70%" align="right" bgcolor="green">
               <TR>
                    <TH>1-1</TH><TH>1-2</TH><TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD><TD>2-2</TD><TD>2-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>
Пример 40
width="70%"
align="center"
bgcolor="green"
cellspacing="15"
<HTML> 
   <HEAD>
            <TITLE>
                        Пример 40
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="70%" align="center" bgcolor="green" cellspacing="15">
               <TR>
                    <TH>1-1</TH><TH>1-2</TH><TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD><TD>2-2</TD><TD>2-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>
Пример 41
width="70%"
align="center"
bgcolor="blue"
cellspacing="15"
cellpadding="10"
<HTML> 
   <HEAD>
            <TITLE>
                        Пример 41
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="70%" align="center" bgcolor="blue"
                            cellspacing="15" cellpadding="10">
               <TR>
                    <TH>1-1</TH><TH>1-2</TH><TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD><TD>2-2</TD><TD>2-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>

← Назад | Вперед →
Copyright ©  aranea.ru