Html row: Атрибут rows | htmlbook.ru

Leave a Comment / Html / By /

HTML: тег

В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами.

Описание

Тег HTML определяет строку в таблице HTML. Каждый тег может содержать один или несколько тегов, которые определяют ячейки заголовков в таблице, или один или несколько тегов, которые определяют стандартные ячейки в таблице. Этот тег также часто называют элементом.

Синтаксис

В HTML синтаксис тега : ( пример таблицы с 2 столбцами и 4 строками )

 
<таблица>
  
    Элемент
    Сумма
  
  
    Виноград
    $18
  
  
    Яблоки
    $4
  
  
    Груши
    $7

Пример вывода

Атрибуты

Помимо глобальных атрибутов, ниже приведен список атрибутов, специфичных для тега:

Атрибут Описание HTML-совместимость
выровнять Горизонтальное выравнивание текста в каждой ячейке строки. Это может быть одно из следующих значений: слева, по центру, справа, по ширине, символ 9.0046 Устарело в HTML 4.01, устарело в HTML5, используйте CSS
бгколор Цвет фона каждой ячейки в строке Устарело в HTML 4.01, устарело в HTML5, используйте CSS
символ Установите символ для выравнивания ячеек в столбце Устарело в HTML 4.01, устарело в HTML5
уголь Количество символов для смещения данных столбца от символов выравнивания (в атрибуте char) Устарело в HTML 4.01, устарело в HTML5
валайн Вертикальное выравнивание текста каждой ячейки в строке. Это может быть одно из следующих значений: базовый, нижний, средний, верхний Устарело в HTML 4.01, устарело в HTML5, используйте CSS

Примечание

  • HTML-элемент находится в HTML-таблице внутри тега.
  • Тег состоит из одного или нескольких тегов
    или.
  • Тег определяет строки таблицы. В таблице должна быть хотя бы одна строка.
  • Тег определяет ячейки заголовков в таблице, которые отображаются жирным шрифтом с выравниванием по центру.
  • Тег определяет стандартные ячейки в таблице, которые отображаются как обычный текст с выравниванием по левому краю.

Совместимость с браузерами

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

  • Хром
  • Андроид
  • Firefox (Геккон)
  • Firefox Mobile (Геккон)
  • Internet Explorer (IE)
  • Пограничный мобильный
  • Опера
  • Опера Мобайл
  • Сафари (веб-кит)
  • Сафари Мобильный

Пример

Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.

0 Strict и XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

Документ HTML5

Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом:

 

<голова>
<мета-кодировка="UTF-8">
Пример HTML5 от www.techonthenet.com

<тело>
<таблица>
  
    Заголовок столбца 1
    Заголовок столбца 2
  
  
    Данные в столбце 1, строке 2
    Данные в столбце 2, строке 2
  
  
    Данные в столбце 1, строке 3
    Данные в столбце 2, строке 3

В этом примере документа HTML5 мы создали таблицу с помощью тега

, которая имеет 2 столбца и 3 строки. Строка 1 таблицы определяется с помощью первого тега. Он имеет 2 ячейки заголовка таблицы, определенные с помощью тега может выглядеть следующим образом:

 

<голова>

Переходный пример HTML 4.01 от www.techonthenet.com

<тело>
<таблица>

В этом примере переходного документа HTML 4.01 мы создали таблицу с помощью тега

. Строки 2 и 3 таблицы используют тег		 для определения стандартных ячеек таблицы.

HTML 4.01 Transitional Document

Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег

Заголовок столбца 1 Заголовок столбца 2
Данные в столбце 1, строке 2 Данные в столбце 2, строке 2
Данные в столбце 1, строке 3 Данные в столбце 2, строке 3
, которая имеет 2 столбца и 3 строки. Строка 1 таблицы определяется с помощью первого тега. Он имеет 2 ячейки заголовка таблицы, определенные с помощью тега может выглядеть следующим образом:

 

<голова>

Переходный пример XHMTL 1.0 от www.techonthenet.com

<тело>
<таблица>

В этом примере переходного документа XHTML 1.0 мы создали таблицу с помощью тега

. Строки 2 и 3 таблицы используют тег для определения стандартных ячеек таблицы.

XHTML 1.0 Transitional Document

Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег

Заголовок столбца 1 Заголовок столбца 2
Данные в столбце 1, строке 2 Данные в столбце 2, строке 2
Данные в столбце 1, строке 3 Данные в столбце 2, строке 3
, которая имеет 2 столбца и 3 строки. Строка 1 таблицы определяется с помощью первого тега. Он имеет 2 ячейки заголовка таблицы, определенные с помощью тега может выглядеть следующим образом:

 

<голова>

Строгий пример XHTML 1.0 от www.techonthenet.com
 
 


<тело>
<таблица>

В этом примере XHTML 1. 0 Strict Document мы создали таблицу с помощью тега

. Строки 2 и 3 таблицы используют тег для определения стандартных ячеек таблицы.

XHTML 1.0 Strict Document

Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег

Заголовок столбца 1 Заголовок столбца 2
Данные в столбце 1, строке 2 Данные в столбце 2, строке 2
Данные в столбце 1, строке 3 Данные в столбце 2, строке 3
, которая имеет 2 столбца и 3 строки. Строка 1 таблицы определяется с помощью первого тега. Он имеет 2 ячейки заголовка таблицы, определенные с помощью тега может выглядеть следующим образом:

 
  
<голова>

Пример XHTML 1.1 с сайта www.techonthenet.com

<тело>
<таблица>

В этом примере документа XHTML 1. 1 мы создали таблицу с помощью тега

. Строки 2 и 3 таблицы используют тег для определения стандартных ячеек таблицы.

Документ XHTML 1.1

Если вы создали новую веб-страницу в XHTML 1.1, ваш тег

Заголовок столбца 1 Заголовок столбца 2
Данные в столбце 1, строке 2 Данные в столбце 2, строке 2
Данные в столбце 1, строке 3 Данные в столбце 2, строке 3
, которая имеет 2 столбца и 3 строки. Строка 1 таблицы определяется с помощью первого тега. Он имеет 2 ячейки заголовка таблицы, определенные с помощью тега, который должен содержать ячейки с использованием
. Строки 2 и 3 таблицы используют тег для определения стандартных ячеек таблицы.

В строке X группы строк, созданной элементом «tbody», нет ячеек, начинающихся с нее. · Ракетный валидатор

Rocket Validator интегрирует средство проверки HTML W3C Validator. в автоматизированный поисковый робот.

Пробная версия Pro Бесплатная пробная версия

  • ряд
  • тело
  • стол

Найдена строка таблицы tr , не содержащая td ячеек. Проверьте таблицу и удалите пустые строки.

Содержимое таблицы организовано в строки с использованием элемента

элемент, как в этом примере:

 
  tr  без ячеек  td  вызовет проблему, как в этом примере:
 <таблица>
  
 Обратите внимание, что самозакрывающиеся элементы 
 также считаются пустыми строками, например  .
 Связанные проблемы с проверкой W3C 
 Строка таблицы имеет ширину X столбцов и превышает количество столбцов, установленное первой строкой (Y).
  •  ряд
  •  стол
  •  столбцы
 Строки таблицы в одном и том же элементе 

  
    

      Имя
      Возраст
    

  
  
    

      Лиза
      12
    

    

      Джимми
      14
    

  
 
    

      Имя
      Возраст
    

  
  
    

    

    

      Джимми
      14
    

  
 
 
 
 должны иметь одинаковое количество столбцов, которое определяется первой строкой  tr .
 Например, эта таблица неверна, так как первая строка определяет 2 столбца, а вторая строка пытается использовать 4 столбца:
 
 <таблица>
    
 Строка таблицы имеет ширину X столбцов, что меньше количества столбцов, установленного первой строкой (Y).
  •  стол
  •  тр
  •  тд
  •  столбцы
 Таблица 
 

      Лиза
    

    

      Джимми
      14
    

 
 содержит строку , которая имеет меньше  определяет ширину в 2 столбца, а вторая строка  пытается использовать только 1 столбец:
 <таблица>
  
  
 Атрибут «высота» не разрешен для элемента «таблица» в данный момент.
  •  высота
  •  стол
  •  не допускается
  •  css
 Элемент 
 
   столбцов, чем число столбцов, установленное первой строкой. Проверьте таблицу, чтобы убедиться, что все строки имеют одинаковое количество столбцов.
 Например, в следующей таблице первая строка 
 
 

    Первый
    Второй
  

  
  

    Неверно
  

 
 не принимает атрибут  height . Вместо этого используйте CSS.
 Начальный тег «a» виден в «table».
  •  стол
  •  а
 Элемент    был найден в недопустимом месте в пределах  <таблица>  элемент.
 Например, следующий код может вызвать эту проблему:
 
 
ссылка
 Вместо этого элемент    должен быть внутри элемента 
 не может содержать контент напрямую:
 

  

    
  

 
 , так как 
 

    <тд>
      ссылка
 Столбец таблицы N, созданный элементом «th», не имеет в нем начала ячеек.
  •  стол
  •  й
  •  столбцы
 Таблица   содержит непоследовательное количество ячеек в одном из столбцов. Проверьте структуру таблицы, чтобы найти недопустимый столбец.
 Пример допустимой таблицы, в заголовке которой указано, что первый столбец имеет ширину 2 ячейки:
 <таблица>
  
 Эта же таблица с пустым телом будет недействительной, поскольку заголовок таблицы не может соответствовать ни одному из столбцов тела:
 

  

    
  

 
    

      Заголовок таблицы
    

  
  
    

      Тело таблицы
      с двумя столбцами
    

  
 
 Столбцы таблицы в диапазоне X…Y, установленном элементом «td», не имеют в них начала ячеек.
  •  стол
  •  тд
  •  столбцы
  •  диапазон
 Таблица   содержит непоследовательное количество столбцов в одной из строк. Проверьте структуру таблицы, чтобы найти недопустимую строку.
 Например, в следующей таблице первая строка 
 определяет ширину в 2 столбца, а вторая строка  пытается использовать 5 столбцов с помощью атрибута  colspan :
 

  
    

      Заголовок таблицы
    

  
  
  
 
 
 
 «й» начальный тег в теле таблицы.
  •  й
  •  стол
 HTML-элемент 
.
 В следующем примере для простой таблицы первая 
 содержит две ячейки заголовка 
    <тд>47
  
 Элемент «table» не должен являться потомком элемента «caption».
  •  подпись
  •  гнездование
  •  стол
 Элемент 

  
  

    Первый
    Второй
  

  
  

    Неверно
  

 
  определяет ячейку как заголовок группы ячеек таблицы и должен появляться внутри элемента 
 
  , в которых указаны значения для каждого столбца:
 <таблица>
  

    Имя
    Возраст
  

  

    Лиза
    49
  

  

    Джо

   указывает заголовок (или название) таблицы.   не может содержать другую таблицу.
 Атрибут «width» в элементе table (или td) устарел. Вместо этого используйте CSS.
  •  css
  •  стол
  •  тд
  •  ширина
 Оба элемента 
 и 
 
  больше не принимают атрибут  width .
Добавить комментарий 
Ваш адрес email не будет опубликован. Обязательные поля помечены *