Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
KIT.doc
Скачиваний:
29
Добавлен:
15.04.2015
Размер:
242.18 Кб
Скачать

24. Таблицы и списки в html. Примеры.

Таблица организуется как набор строк и столбцов на пересечении кот находятся ячейки. Ячейки табл. м. содержать любые HTML – документы, такие как текст, списки, фигуры, графику и многое другое. У таблицы есть заголовок (назван табл), Названия м.иметь также столбцы или строки. Основные табличные тэги: <table> … </table> - этими тэгами начинается и заканчивается таблица. Все основные элементы таблицы находятся внутри этих двух тэгов. <tr> … </tr> - эти тэги описывают одну строку таблицы. Сколько пар таких тэгов встретится – столько и будет строк в таблице. <td> … </td> - эти тэги описывают стандартную ячейку таблицы. Ячейка м.б. описана только внутри строки табл. Каждая ячейка нумеруется номером колонки (столбца), для кот она описывается. Если же в строке отсутствует одна или несколько ячеек для некоторых колонок, то браузер отображает пустую ячейку. <th> … </th> - эти тэги описывают ячейку заголовка ("шапки") таблицы. Текст в данной ячейке по умолчанию имеет атрибут <b> (полужирный) и align=center. <caption> …</caption> - эти тэги описывают название таблицы. Они должны стоять внутри тэгов <table> … </table>, но снаружи описания какой-либо строки или ячейки. Название табл всегда центрируется.

Списки бывают следующих видов: нумерованные; ненумерованные (маркированные); вложенные. Нумеров. список – текст, заключенный в тэги <ol>... </ol>. Каждый новый элемент списка нужно начинать с тэга <li>. Этот тэг является непарным. В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если один или несколько элементов списка удалить, то остальные будут автоматически перенумерованы. Ненумеров. список –текст, заключенный в тэги <ul> ... </ul>. Каждый новый элемент списка начинается с тэга <li>. При просмотре в браузере каждый элемент такого списка помечается специальным значком – маркером, вид которого можно задать при помощи атрибута тэга <ul>. Списки определений: <dl> ... </dl> Список определений несколько отличается от других видов списков. Вместо меток <li> в списках определений используются тэги <dt> и <dd>

Пример:

<ol>

<li> Яблоко </li>

<li> Груша </li>

<li> Банан </li>

</ol>

1. Яблоко

2. Груша

3. Бан

25. Графика и html. Описание графических указателей. Примеры.

Графика внутри HTML-документа. Сущ два способа использования графических изображений в HTML – документах: внедрение графических объектов в документ. Это делается с помощью тэга <img src="URL"> ,где "URL" –адрес (местонахождение) графического объекта, представляющего собой файл формата GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg) или, что хуже, точечный рисунок (файл с расширением *.bmp). Тэг <img> м.иметь дополнительные атрибуты: align – способ выравнивания; height - задает высоту изображения в пикселях или процентах; width - указывает ширину изображения в пикселях или процентах; border - присваивает значение ширины рамки в пикселях вокруг изображения (0 – если рамки нет); alt="[текст]" - он может оказаться необходимым в том случае, когда у браузера отключена автоматическая загрузка изображений (при медленном подключении к Интернет это делается для экономии времени). Если ссылка на изображение находится внутри тэгов <a href="…"> … </a>, то изображение фактически становится кнопкой, при нажатии на которую происходит переход по гиперссылке.

Примеры.<img src="gomel.gif" alt= "Гомель - ГГТУ"> - в документ будет вставлено фото ГГТУ, которое хранится в файле gomel.gif. <a href="doc.htm" > <img src="pic.jpg"> </a> - при нажатии на изображение, которое будет вставлено из файла pic.jpg, будет загружен документ, хранящийся в файле doc.htm.

фоновые рисунки. Такой рисунок будет являться фоном, на котором будет отображаться весь документ. Это делается включением рисунка в тэг <body> <body background="URL">, где URL – адрес графич. объекта, кот будет использоваться в кач-ве фона страницы.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]