Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » Создание простой таблицы

Создание простой таблицы

dorofeeva 28-12-2012, 10:16 6 614 Уроки по HTML

Таблицы — это сетка для показа данных в строках и столбцах.

Однако таблицы можно применять как средство для размещения отдельных блоков веб-странички в нужных местах на экране. Дело в том, что в HTML трудно точно разместить элементы по горизонтали или вертикали. Поэтому таблицы очень часто используются для перемещения элементов в нужное место.

Создание таблиц вручную — одна из наиболее сложных задач в HTML.  Сначала Вы формируете таблицу, затем первую строку, затем каждую ячейку с ее содержимым. Каждый элемент требует открывающего и закрывающего тегов.

Таблица вставляется в HTML-документ парными тегами <TABLE> и </TABLE >.

 

Тег имеет следующие атрибуты:

border — ширина рамки;
width —ширина таблицы;
align – положение таблицы относительно боковых границ окна;
bgcolor — цвет фона под таблицей.

Внутри тега TABLE обязательно должен быть тег <TBODY> ...</TBODY>


Затем идут теги формирования строки и каждой ячейки в строке:

<TR> Строка таблицы </TR>

У этого тега есть следующие атрибуты:

аlign — выравнивание внутри строки:(LEFT, RIGHT, CENTER);
valign — вертикальное выравнивание(ТОР, BOTTOM, MIDDLE);
bgcolor — цвет фона внутри строки.

<TD> Столбец таблицы </TD>

Атрибуты align, valign и bgcolor аналогичны атрибутам тега<TR>:

widht - ширина ячейки;
colspan - растягивание клетки нa несколько столбцов;
rowspan — растягивание клетки нa несколько строк.

Пример создания простой таблицы:

создание таблиц в HTMLсоздание таблиц в HTML вставка таблицвставка таблиц

Похожие новости

  • Создание «плавающих» фреймов
  • Урок 5. Вставка графики и мультимедиа
  • Урок 3. Горизонтальные линии и бегущая строка
  • Урок 1. Создаем HTML-документ
  • Что такое CSS?

  • Добавить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив