We
Study
Together
cat

baner

Таблицы. Атрибуты для строк и ячеек.

Атрибуты, применяемые для строк и ячеек:

  • align=center - горизонтальное выравнивание текста в ячейках строки;
  • valign=center - вертикальное выравнивание текста в ячейках строки. Может быть top (по верхнему краю), center (по центру - это значение принимается по умолчанию), bottom (по нижнему краю);
  • bgcolor="#00ffff" - цвет фона строки или ячейки;
  • background="picture.gif" - заполняет фон строки или ячейки изображением.


    Атрибуты, применяемые только для ячеек:

  • width="n" - ширина ячейки;
  • height="n" - высота ячейки;
  • colspan="n" - объединяет ячейки по горизонтали;
  • rowspan="n" - объединяет ячейки по вертикали;
  • nowrap - показывает, что текст должен размещаться в одну строку.


    Напишем код для таблицы, макет которой мы создали в самом начале.
    <html>
    <head>
    </head>
    <body>
    <table width="100%" border="1">
    <tr>
    <td width="20%" align=center>логотип</td>
    <td width="3%"> </td>
    <th>заголовок</th>
    </tr>
    <tr>
    <td width="20%" align=center>
    меню
    <br>ссылка 1
    <br>ссылка 2</td>
    <td width="3%"> </td>
    <td>контент</td>
    </tr>
    <tr>
    <td colspan="3" align=right>выходные данные</td>
    </tr>
    </table>
    </body>
    <html>

    Примечание: Как Вы догадались, тег <br> служит для переноса стоящего за ним текста на следующую строку.

    Смотрим, что получилось, и займемся заполнением контента.

    на следующую страницу  
    • Основы HTML
      
    Hosted by uCoz