- •Учебник html для начинающих. Версия для печати раздела "Учебник html" сайта www.Webremeslo.Ru Введение
- •Поздравляю, Вы написали свою первую страничку!!!
- •Глава 1 Что такое html язык и с чем его едят..
- •Полезные советы:
- •Глава 2 Редактируем текст на своей странице..
- •Параграф.
- •Заголовки
- •Стиль текста
- •Предварительно отформатированный текст.
- •Полезные советы:
- •Глава 3 Рисунки.
- •Путь к файлу
- •Выравнивание рисунка.
- •Полезные советы:
- •Глава 4
- •Рисуем таблицу
- •Объединение ячеек.
- •Размеры таблицы.
- •Верстка страницы с использованием таблицы.
- •Полезные советы:
- •Глава 5 Ссылки
- •Текстовые ссылки.
- •Ссылка на e-mail
- •Закладки.
- •Глава1Глава2Глава3
- •Полезные советы:
- •Глава 6
- •Спецсимволы
- •Горизонтальная линия
- •Бегущая строка
- •Комментарии
- •Полезные советы:
- •Глава 7 Фреймы.
- •Приводим фреймы в опрятный вид.
- •Фреймы и ссылки.
- •Плавающий фрейм
- •Полезные советы:
- •Глава 8 Навигационные карты
- •Прямоугольная область
- •Полигон (многоугольник).
- •Окружность
- •Доводим до ума..
- •Пересечение областей
- •"Не область"
- •Карта на сервере.
- •Полезные советы:
- •Глава 9 Списки
- •Неупорядоченные списки
- •Упорядоченные списки
- •Списки определений
- •Полезные советы:
- •Глава 10 Meta теги
- •Кодировка символов и язык
- •Информация о документе
- •Описание страницы и ключевые слова
- •Обновление страницы
- •Время действия документа и кэш
- •Автоматический переход на другую страницу
- •Эффекты при переходе по ссылке
- •Полезные советы:
- •Глава 11
- •Полезные советы:
- •Глава 12 и снова таблицы..
- •Заголовки таблиц.
- •Название таблицы и её описание
- •Группировка строк.
- •Группировка столбцов.
- •Границы таблицы.
- •Полезные советы:
- •Глава 13 Фоновая музыка. .. Или то чего лучше не делать.
- •Полезные советы:
- •Глава 14 Текст - логика и физика..
- •Теги физического форматирования текста.
- •Логическая разметка текста.
- •Теги логического форматирования текста.
- •Полезные советы:
Название таблицы и её описание
Тег <caption>позволяет озаглавить таблицу, подписать её каким либо текстом. Данный тег должен располагаться внутри таблицы сразу после<table>
<table><caption>Название таблицы</caption><tr><td>ячейка</td></tr></table>
Вот пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>Название таблицы</title> </head> <body> <table border="1" width="400" cellpadding="3" cellspacing="0"> <caption><b>Энергетическая ценность продуктов питания:</b></caption> <tr> <th>Продукт</th><th>Белки</th><th>Жиры</th><th>Углеводы</th><th>ккал</th> </tr> <tr> <th>Хлеб ржаной</th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td> </tr> <tr> <th>Молоко</th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td> </tr> <tr> <th>Картофель</th><td>2</td><td>0,1</td><td>19,7</td><td>83</td> </tr> <tr> <th>Свинина</th><td>11,4</td><td>49,3</td><td>9</td><td>489</td> </tr> <tr> <th>Итого:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td> </tr> </table> </body></html>
К тегу <caption>может быть применён атрибутalign- выравнивание названия таблицы по горизонтали с возможными значениямиleft, right и center, а также атрибутvalignкоторый говорит от том где должно располагаться название сверху -topили снизу -bottomтаблицы.
Однако хочу отметить, что данные атрибуты в разных браузерах ведут себя по разному, так например, запись:
<caption align="left">Текст</caption>
- для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы.
Так же название таблицы или её краткое описание можно указывать с помощью атрибута summaryтега<table>
Вот так:
<table summary="описание таблицы">
Такое описание никак не отображается и не выводится на экран обычными браузерами, однако может быть использовано поисковыми системами, а так же речевыми браузерами.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>Описание таблицы</title> </head> <body> <table border="1" width="400" cellpadding="3" cellspacing="0" summary="Энергетическая ценность продуктов питания"> <tr> <th>Продукт</th><th>Белки</th><th>Жиры</th><th>Углеводы</th><th>ккал</th> </tr> <tr> <th>Хлеб ржаной</th><td>4,7</td><td>0,7</td><td>49,8</td><td>214</td> </tr> <tr> <th>Молоко</th><td>2,8</td><td>3,2</td><td>4,7</td><td>58</td> </tr> <tr> <th>Картофель</th><td>2</td><td>0,1</td><td>19,7</td><td>83</td> </tr> <tr> <th>Свинина</th><td>11,4</td><td>49,3</td><td>9</td><td>489</td> </tr> <tr> <th>Итого:</th><td>20,9</td><td>53,3</td><td>83,2</td><td>844</td> </tr> </table> </body></html>