отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<caption>

  • 83

  • 0

  • Нравится

    0

  • Код:237229807140

Предназначен для создания заголовка ...
Задайте вопрос продавцу

<caption>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<caption>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     Может размещаться только внутри контейнера <table>

Тег <caption> (от англ. caption - заголовок, подпись) предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>, причём сразу после открывающего тега.

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

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>CAPTION</title>
        <style>
            table {
                width: 100%;
            }
            td {
                border: 1px solid #000;
                padding: 4px;
            }
        </style>
    </head>
    <body>  
        <table>
            <caption>Таблица 3.2. Демонстрация катаболических 
            процессов организма</caption>  
            <tr> 
                <th> </th><th>Чебурашка</th>
                <th>Крокодил Гена</th><th>Шапокляк</th>
            </tr>
            <tr> 
                <td>Съел, кг</td><td>5</td>
                <td>2</td><td>1</td>
            </tr>
            <tr> 
                <td>Выпил, л</td><td>6</td>
                <td>8</td><td>2</td>
            </tr>
            <tr> 
                <td>Смог, раз</td><td>5</td>
                <td>5</td><td>1</td>
            </tr>
        </table>
    </body>
</html>
 
 
   Разница между HTML 4.01 и HTML5
 В HTML5 атрибут align не поддерживается. 

 

 

 

 

table>
  <caption>Ежемесячная экономия</caption>
  <tr>
    <th>Месяц</th>
    <th>Сэкономлено</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Февраль</td>
    <td>$50</td>
  </tr>
</table>
 
CSS стили по умолчанию
 
caption { 
    display: table-caption;
    text-align: center;
}

 

 

Большинство браузеров будут отображать тег <caption> со следующими стилями

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег CAPTION</title>
 </head>
 <body>  
  <table width="100%" border="1" cellspacing="0" cellpadding="4">
   <caption>Таблица 3.2. Демонстрация катаболических 
     процессов организма</caption>  
   <tr> 
    <th>&nbsp;</th><th>Чебурашка</th>
    <th>Крокодил Гена</th><th>Шапокляк</th>
   </tr>
   <tr> 
    <td>Съел, кг</td><td>5</td>
    <td>2</td><td>1</td>
   </tr>
   <tr> 
    <td>Выпил, л</td><td>6</td>
    <td>8</td><td>2</td>
   </tr>
   <tr> 
    <td>Смог, раз</td><td>5</td>
    <td>5</td><td>1</td>
   </tr>
  </table>
 </body>
</html>

 

 

<table>
 <caption>Текст</caption>
 <tr>
  <td>...</td>
 </tr>
</table>

 

caption {
    display: table-caption;
    text-align: center;

}

 

 

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи