Разработка сайтов для СРО

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Создание и раскрутка сайтов в Интернете

Что нужно для SEO?

Текст & Всемирная Паутина

Инструмент веб-строителя

HTML - язык гипертекста

CSS - каскадные таблицы стилей

Поисковая оптимизация

Что такое раскрутка сайта?

Контекстная реклама

Что такое обмен ссылками?

Почтовые рассылки

Соблюдайте правила

Что препятствует рейтингу?

Что такое CMS?

Краткий словарь терминов

Полезные книги

Карта сайта

Как повысить находимость сайта?

Шаблон документа

Версии HTML

Валидатор и стандарты W3C

Теги, элементы, артрибуты

Комментарии

Имена файлов HTML

Перспективы развития HTML и XHTML

 
Разработка сайтов под ключ

Ссылки по теме

CSS Blast галерея css-сайтов и проектов Web 2.0

XHTML, CSS, JavaScript, DOM. Советы, секреты, хитрости и тонкости

CSS, HTML в примерах и статьях

Учебники HTML и CSS

HTML справочник

Справочники HTML и CSS

Основные ошибки юзабилити

Для тех, кто делает сайты!

Справочник по CSS

CoffeeCup - HTML редактор

FCKEditor - текстовый редактор для браузера

NotPad++ - текстовый редактор

PSPad — текстовый редактор

CSE HTML Validator Lite — редактор-анализатор (валидатор)

W3C - стандарты HTML

W3C - стандарты CSS

Справочная информация

Lynx Viewer

 

Тег TABLE

Главная « Справочник по языку XHTML 1.0 « Тег TABLE

версия для печати

Тип тега: Блочный, непустой.

Служит контейнером для элементов, определяющих содержимое таблицы. Использование таблиц чрезвычайно эффективно для представления данных на Web-сайте.

Не пренебрегайте элементами thead, tbody и tfoot. Кроме того, что они помогают отразить логическую структуру таблицы, также благодаря им легчается оформление таблицы с помощью CSS.

Если таблице нужен заголовок, употребляйте элемент caption, который существует специально для этой цели. Его нужно размещать сразу после открывающего тэга table.

Атрибуты colspan и rowspan элементов td и th позволяют распространить одну ячейку на несколько строк или столбцов. С помощью этих атрибутов можно кодировать сложные таблицы.

На сегодняшний день таблицы остаются основным способом формирования макетов Web-документов. Однако у такого подхода существует ряд недостатков. Макеты, созданные на основе таблиц, медленно загружаются и зачастую являются сильно детализированными, что затрудняет эффективную работу с ними.

Синтаксис:
<table>
...
</table>
 
Атрибуты
Название Результат действие атрибута
align

Определяет выравнивание таблицы. Возможны значения: left (по умолчанию), center, right.

background

Задает фоновый рисунок в таблице.

bgcolor

Цвет фона таблицы.

border

Толщина рамки в пикселах.
0 (по умолчанию).

bordercolor

Цвет рамки.

cellpadding

Отступ от рамки до содержимого ячейки.
0 (по умолчанию).

cellspacing

Расстояние между ячейками.
Значение по умолчанию: 0 (когда нет параметра border), 2 (когда параметра border установлен).

height

Высота таблицы.

width

Ширина таблицы.

 
Пример:
<table width="100%" border="0" cellpadding="0" cellspacing="5">
   <tr>
      <td><h1 align="center">ШАПКА</h1></td>
   </tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td valign="top" width="25%">
         <table width="100%" border="0" cellpadding="0" cellspacing="5">
            <tr>
               <td>
                  <div id="menunav">
                     <ul>
                        <li><a href="#">раздел №1</a></li>
                        <li><a href="#">раздел №2</a></li>
                        <li><a href="#">раздел №3</a></li>
                        <li><a href="#">раздел №4</a></li>
                        <li><a href="#">раздел №5</a></li>
                        <li><a href="#">раздел №6</a></li>
                        <li><a href="#">раздел №7</a></li>
                     </ul>
                  </div>
               </td>
            </tr>
         </table>
      </td>
      <td valign="top" width="75%">
         <table width="100%" border="0" cellpadding="0" cellspacing="5">
            <tr>
               <td>
                  <h1>Заголовок 1-го уровня</h1>
                  <h2>Заголовок 2-го уровня</h2>
                  <p>Абзац...№1...</p>
                  <p>Абзац...№2...</p>
                  <p>Абзац...№3...</p>
                  <p>Абзац...№4...</p>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="5">
   <tr>
      <td><p align="center">НИЖНИЙ КОЛОНТИТУЛ</p></td>
   </tr>
</table>

внимание!

Поддерживается всеми браузерами. Элемент table в идеале используется в качестве структурного элемента - то есть для описания табличных данных, - а не в качестве инструмента для создания макетов. Для управления всеми аспектами табличного представления можно использовать язык CSS.

 
Запомнить эту страницу в google.com Запомнить эту страницу в bobrdobr.ru Запомнить эту страницу в news2.ru Запомнить эту страницу в Memori.ru Добавить в МоёМесто.ru сохранить на RUmarkz Добавить страницу к Мистеру Вонгу Запомнить эту страницу в del.icio.us Запомнить эту страницу в technorati.com Запомнить эту страницу в linkstore.ru Добавить на Ваау!
Valid XHTML 1.0! Valid CSS!
Как повысить находимость сайта?

Структурные элементы

Элемент TITLE

Заголовки: H1, H2, H3, H4, H5, H6

Элементы: P и PRE

Логические стили: EM и STRONG

Элемент IMG

Блочные цитаты BLOCKQUOTE

Перечни: UL, OL, DL

Таблицы

Гиперссылка: элемент A

 
Справочник XHTML 
 

Справочник по языку XHTML 1.0

 

Теги XHTML

NotPad++ - текстовый редактор…

 

наверх

 
Контактная информация

Пишите:
Звоните: + 7 (916) 597-36-78

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Copyright (©) 2004— by Yuriy Korovenkov