Добавлен: 01.04.2023
Просмотров: 302
Скачиваний: 1
По умолчанию рамка черно-серая, для того чтобы изменить ее цвет используется параметр BORDERCOLOR. Значение указывается в шестнадцатеричном формате (например, #FFCCOO), раскладке rgb (например, rgb( 100,200,4)) или в виде наименования (например, green).
Если в ячейке ничего нет, то рамки вокруг нее тоже не будет, как ни старайтесь. Для того чтобы ячейка выглядела пустой, но имела рамку, нужно «положить» в нее нечто невидимое. Как правило, такими «невидимыми» объектами являются неразрывный пробел тег принудительного переноса строки <BR> или прозрачный GIF-файл размером 1x1 пиксель. [1, c. 90]
Атрибут border используется с элементами <table> и <th> для установки ширины границы в пикселах.
Атрибут bgcolor используется для установки цвета всей таблицы либо отдельных ячеек. Его значением, как правило, является шестнадцатеричный код цвета. В этом примере мы не использовали CSS, только атрибуты border и bgcolor языка HTML. При создании нового сайта для настройки оформления таблиц рекомендуется использовать CSS, а не эти атрибуты. [6, c. 133]
Выравнивание таблицы и элементов в ячейках таблицы
Стандарт HTML позволяет задать горизонтальное
выравнивание всей таблицы относительно ширины HTML-документа. За это отвечает аналогичный работе с текстом и картинками параметр ALIGN.
Существует три возможных значения параметра ALIGN:
- align="left" - выравнивание таблицы по левому краю документа. Значение принято по умолчанию и в случае отсутствия параметра ALIGN таблице будет присвоено именно это значение;
- align="right" - выравнивание таблицы по правой границе документа;
- align="center" — центрирование таблицы относительно ширины документа.
Помимо функции выравнивания таблицы по горизонтали документа, параметр ALIGN позволяет получать эффект «обтекания» таблицы текстом аналогично «обтеканию» рисунков.
Для получения такого эффекта нужно выбрать тип выравнивания таблицы (в данном случае, кроме центрирования), назначить ширину таблицы менее 100% или зафиксировать ее (подробнее об изменении параметра ширины таблицы будет рассказано чуть позже). Текст, который должен огибать таблицу, размещается сразу же после закрывающего тега </TABLE>. [1, c. 92]
Каждую отдельную ячейку внутри таблицы можно рассматривать как область для независимого форматирования. Все правила, которые действуют для управления отображением текста, могут быть использованы для форматирования текста внутри ячейки. Внутри ячейки допустимо использование практически всех элементов HTML, которые могут появляться внутри тела документа <BODY>, в том числе тэги, управляющие расположением текста - <р>, <BR>, <HR>, коды заголовков — от <Н1> до <Н6>, тэги форматирования символов — <В>, <I>, <STRONG>, <BIG>, <ЕМ>, <FONT SIZE>, <FONT COLOR>, тэги вставки графических изображений <IMG>, гипертекстовых ссылок <А> и т. д. [1, c. 93]
Размеры таблицы и ячеек
Для того чтобы вид страницы не так сильно зависел от размеров окна браузера, в дескрипторе <TABLE> задают минимальную ширину и высоту таблицы. Для этого используются параметры WIDTH и HEIGHT, соответственно. Габариты задаются как в абсолютных значениях (в пикселях), так и в относительных (в процентах от ширины окна).
Расстояние между ячейками и внутренние отступы
Для того чтобы понять, что такое расстояние между ячейками присмотримся внимательнее к Web-таблицам. В отличие от других, знакомых нам таблиц, их рамки двойные — каждая ячейка как бы заключена в собственное «окошко». Между соседними «окошками» обычно имеется некий зазор.
Ширину этого зазора по вертикали и горизонтали определяет параметр CELLSPACING. Значение параметра указывается в пикселях, и по умолчанию равно нулю. При конструкции CELLSPACING="O" ячейки таблицы сольются. [1, c. 96]
Объединение столбцов
Атрибут colspan может быть использован с элементами <th> и <td> для обозначения, сколько столбцов должна занимать ячейка.
Длинные таблицы
В языке HTML существуют три элемента, помогающих отличить основной контент страницы от первой и последней ее строк (которые иногда содержат принципиально отличающуюся информацию). Эти элементы полезны людям, использующим программы экранного доступа, а кроме того, они помогают вам выделять данные разделы таблицы особым стилем.
<thead> - заголовки таблицы должны быть помещены в элемент <thead>.
<tbody> - основное содержимое (тело) таблицы должно находиться внутри элемента <tbody>.
<tfoot> - последняя, завершающая, строка таблицы должна быть указана внутри элемента <tfoot>. [6, c. 130]
В этой главе мы рассмотрели, как добавить на HTML документ (страницу) таблицы. Для их добавления используется тег <table>. Таблица размещается на странице построчно. Каждая строка создается с помощью тега <tr>. Внутри каждой строки есть несколько элементов <td>, представляющих ячейки (или тегов <th>, если данная строка — это шапка таблицы). Рассмотрели, как можно форматировать таблицу и данные в ячейках.
ЗАКЛЮЧЕНИЕ
За время выполнения курсовой работы были изучены основы программирования на языке HTML и история его появления. Были рассмотрены его возможности и спецификации. Изучена структура HTML документов, теги, формирующие документ и их свойства. Рассмотрены основные принцы форматирования текста и вывода графики. Изучены списки и гиперссылки, которые помогают сделать удобными и интерактивными страницы сайтов. А также изучили как формируются таблицы и табличный вывод данных. Данная работа представляет минимальны набор знаний что бы получить представление о языке HTML и позволит создать свою первую страничку в интернете.
