Когда пользователь щелкает мышью на ссылке, указывающей на другую Web - страницу, она выводится непосредственно в окне браузера. Если же ссылка указывает на документ иного типа, программа просмотра принимает документ и решает, что с ним делать потом. Дальнейшие действия браузера могут быть следующими:
ü браузер “знает” этот тип документа и умеет с ним обращаться. Например, если вы создали ссылку на графический файл формата GIF, и пользователь щелкнул мышью на этой ссылке, программа просмотра очистит окно и выведет изображение. В некоторых случаях браузер может дополнительно использовать встроенный программный модуль (plug-in), без которого задача не была бы решена.
ü браузер “не узнает” тип принятого документа и “не знает”, что с ним делать. В этом случае он обратится к вспомогательным программам (helpers), имеющимся на машине пользователя. Если найдется подходящая программа, браузер запустит ее и передаст ей полученный документ для обработки.
Лекция №2
Средства описания таблиц в HTML
|
|
По мере роста системы WWW стало ясно, что средств, которые заложены в НТМL, не достаточно для качественного отображения различного типа документов. Недостатком НТМL было отсутствие в его составе средств отображения таблиц. Для этой цели обычно использовался предформатированный текст (тэг <PRE>), в котором таблица обрисовывалась символами АSСII. Но такая форма представления таблиц была недостаточно высокого качества и выделялась из общего стиля документа.
Тэг <ТАВLЕ>
Для описания таблиц служит тэг <ТАВLЕ>. Тэг <ТАВLЕ>, как и многие другие, автоматически переводит строку до и после таблицы.
Тэг <ТR>
Тэг <ТR> (сокращение от Таble Row - строка таблицы) создает строку таблицы. Если в таблице содержится два набора тэгов <ТR></ТR>, в ней будут две строки. Весь текст, другие тэги и атрибуты, которые вы хотите поместить в одну строку, должны быть помещены между тэгами <ТR></ТR>.
Тэг <ТD>
Внутри строки таблицы обычно размещаются ячейки с данными, Каждая ячейка, содержащая текст или изображение, должна быть окружена тэгами <ТD></ТD>. Число тэгов <ТD></ТD> в строке определяет число ячеек. Строка с пятью парами тэгов <ТD></ТD> будет состоять из пяти ячеек (см. листинг 2).
Листинг 2
Таблица с пятью столбцами в одной строке
<HTML> <BODY> <TABLE BORDER> <TR> <TD>В</TD> <TD>этой</TD> <TD>строке</TD> <TD>пять</TD> <TD>столбцов</TD> </TR> <TR> <TD>а в этой</TD> <TD>только</TD> <TD>три.</TD> </TR> </TABLE> </BODY> </HTML>Тэг <ТН>
При задании заголовков для столбцов и строк таблицы используются тэг заголовка <ТН></ТН> (Таblе Неаder, заголовок таблицы).
|
|
Эти тэги аналогичны <ТD></ТD>. Отличие состоит в том, что текст, заключенный между тэгами <ТН></ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки. Центрирование можно отменить и выровнять текст по левому или правому краю. Если воспользоваться <ТD></ТD> с тэгом <В> и атрибутом <АLIGN=CENTER>, текст тоже будет выглядеть как заголовок. Однако, следует иметь в виду, что не все браузеры поддерживают жирный шрифт в таблицах, поэтому лучше задавать заголовки таблиц с помощью <ТН>. Листинг 3 демонстрирует использование тэгов <TH> в структуре документа.
Листинг 3
Использование тега <TH>
<HTML> <BODY> <TABLE BORDER> <TR> <TH>Заголовок центрирован по умолчанию</TH> <TH COLSPAN=2>Заголовок может объединять столбцы</TH> </TR> <TR> <TH>Заголовок может быть расположен перед столбцами</TH> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> <TR> <TH ROWSPAN=3> Заголовок может объединять строки</TH> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> </TABLE> </BODY> </HTML>Тэг <САРТIОN>
<CAPTION> позволяет создавать заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над (<САРТION АLIGN=ТОР>), либо под таблицей (<САРТION ALIGN=ВОТТОМ>). Заголовок может состоять из любого текста и изображений. Текст будет разбит на строки, соответствующие ширине таблицы. Иногда тэг <САРТION> используется для подписи под рисунком. Для этого достаточно описать таблицу без границ.
Заголовок может состоять из любого текста и изображений. Текст будет разбит на строки, соответствующие ширине таблицы. Иногда тэг <САРТION> используется для подписи под рисунком. Для этого достаточно описать таблицу без границ. Использование тэга <САРТION> приведено в листинге 4.
Листинг 4
Использование тега <САРТION>
<HTML> <BODY> <TABLE BORDER> <CAPTION ALIGN=TOP>Заголовок над таблицей</CAPTION> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> </TABLE> <TABLE BORDER> <CAPTION ALIGN=BOTTOM>Заголовок под таблицей</CAPTION> <TR> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> <TD>Текст или данные</TD> </TR> </TABLE> </BODY> </HTML>