Вредоносное ПО (malware) - это назойливые или опасные программы,...
Параметры
align Определяет выравнивание содержимого ячейки по горизонтали. background Задает фоновый рисунок в ячейке. bgcolor Цвет фона ячейки. bordercolor Цвет рамки. colspan Объединяет горизонтальные ячейки. height Высота ячейки. nowrap Запрещает перенос строк. rowspan Объединяет вертикальные ячейки. valign Выравнивание содержимого ячейки по вертикали. width Ширина ячейки.Закрывающий тег
Не обязателен.
Пример 1. Использование тега
... | |
... | ... |
Описание параметров тега
Параметр ALIGN
HTML:
3.2
4
XHTML:
1.0
1.1
Описание
Задает выравнивание содержимого ячейки по горизонтали.
Синтаксис
...
Аргументы
left
Выравнивание содержимого ячейки по левому краю.
center
Выравнивание по центру.
right
Выравнивание по правому краю.
justify
Выравнивание по ширине (одновременно по правому и левому краю).
Значение по умолчанию
Аналог CSS
Параметр ALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает выравнивание содержимого ячейки по горизонтали.
Синтаксис
Пример 2. Выравнивание содержимого ячейки
... | ... |
Параметр BACKGROUND
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Определяет изображение, которое будет использоваться в качестве фонового рисунка ячейки таблицы. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше ширины или высоты ячейки, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и содержимым ячейки. В качестве фона допускается использовать анимированные изображения в формате GIF, но они отвлекают внимание читателей.
Синтаксис
Аргументы
Любой допустимый адрес изображения — можно использовать относительный или абсолютный путь.
Значение по умолчанию
Аналог CSS
background-image
Пример 3. Фоновый рисунок в ячейке
background="/images/rules.gif" > ... |
Параметр BGCOLOR
Описание
Устанавливает цвет фона ячейки.
Синтаксис
Аргументы
Значение цвета можно задавать двумя способами.
1. По его названию
Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
Значение по умолчанию
Зависит от браузера и его версии, обычно используется белый цвет фона.
Аналог CSS
background-color
Пример 4. Цвет фона ячейки
... |
... |
Параметр BORDERCOLOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает цвет рамки вокруг ячейки. Рамка показывается, когда установлен параметр border с ненулевым значением у тега
... |
... | ... |
Параметр COLSPAN
Рис. 1. Пример таблицы, где используется горизонтальное объединение ячеек
В приведенной на рис.1 таблице содержатся две строки и две колонки, причем верхние горизонтальные ячейки объединены с помощью параметра colspan .
Синтаксис
Аргументы
Значение по умолчанию
Пример 6. Объединение ячеек
ячейка 1 | |
ячейка 2 | ячейка 3 |
Параметр HEIGHT
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании параметра height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали.
Синтаксис
Аргументы
Значение по умолчанию
Высота вычисляется на основе содержимого ячейки.
Аналог CSS
Пример 7. Высота ячейки
... |
Параметр NOWRAP
Описание
Добавление параметра nowrap к тегу
Синтаксис
Аргументы
Значение по умолчанию
По умолчанию параметр nowrap не установлен.
Аналог CSS
Пример 8. Использование параметра nowrap
... |
Параметр ROWSPAN
Рис. 2. Пример таблицы, где используется вертикальное объединение ячеек
В приведенной на рис. 2 таблице содержатся две строки и две колонки, причем левые вертикальные ячейки объединены с помощью параметра rowspan .
Синтаксис
Аргументы
Любое целое положительное число больше 2.
Значение по умолчанию
Пример 9. Объединение ячеек
ячейка 1 | ячейка 2 |
ячейка 3 |
Параметр VALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает вертикальное выравнивание содержимого ячейки. По умолчанию контент ячейки располагается по ее вертикали в центре.
Синтаксис
Аргументы
top Выравнивание содержимого ячейки по верхнему краю строки. middle Выравнивание по середине. bottom Выравнивание по нижнему краю. baseline Выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии.Значение по умолчанию
Аналог CSS
Пример 10. Выравнивание в ячейке
... | ... |
Параметр WIDTH
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает ширину ячейки. Если общая ширина содержимого превышает указанную ширину ячейки, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в ячейке находятся изображения, параметр width будет проигнорирован, и новая ширина ячейки будет вычислена на основе ее содержимого.
Синтаксис
Аргументы
Любое целое значение в пикселах или процентах от доступного пространства.
Значение по умолчанию
Ширина вычисляется на основе содержимого ячейки.
Аналог CSS
Пример 11. Ширина ячеек
... | ... |
Теги таблицы
Каждый тег
Как сделать таблицу в html
Приведем пример, html код:
Пример таблицы Столбец 1 Столбец 2
Обратите внимание на ячейку
Теперь рассмотрим подробно все атрибуты тега
или строкам | |||||||||||||||||||||||||||||||||||
... | ... |
...
2. Свойство background="URL" - задает фоновой рисунок. Вместо URL должен быть написан адрес фонового изображения. Пример
Преобразуется на странице в следующее: В рассмотренном примере наше фоновое изображение находится в папке img (которая находится в той же директории, что и html-страница), а называется изображение fon.gif . Обратите внимание на то, что в теге мы добавили style="color:white;" . Поскольку фон почти черный, то для того, чтобы текст не слился с фоном, мы сделали текст белым. 3. Свойство bgcolor="цвет" - задает цвет фона таблицы. В качестве цвета можно выбрать любой из всей палитры (см. коды и названия html цветов) 4. Свойство border="число" - задает толщину рамки таблицы. В предыдущих примерах мы указывали border="1" , что означает толщина рамки - 1 пиксель. 5. Свойство bordercolor="цвет" - задает цвет рамки. Если border="0" , то рамки не будет и цвет рамки не будет иметь смысла. 6. Свойство cellpadding="число" - отступ от рамки до содержимого ячейки в пикселях. 7. Свойство cellspacing="число" - расстояние между ячейками в пикселях. 8. Свойство cols="число" - число столбцов. Если его не задать, то браузер сам определит число столбцов. Разница лишь в том, что указание этого параметра, скорее всего, ускорит загрузку таблицы. 9. Свойство frame="параметр" - как отображать границы вокруг таблицы. Может принимать следующие значения:
10. Свойство height="число" - задает высоту таблицы: либо в пикселях, либо в процентах. 11. Свойство rules="параметр" - где отображать границы между ячейками. Может принимать следующие значения:
|