189.1. Типы списков в HTML-документе. Теги для создания списков.
В HTML-документе можно использовать следующие типы списков:
маркированный, нумерованный, список определений.
Для создания маркированного списка используется тег-контейнер <ul>...</ul>, внутри которого размещаются пункты списка, которые заключаются в открывающий и закрывающий теги <li>...</li>. Внутри тегов <li> можно вставлять любой контент (текст, картинки, заголовки, абзацы, ссылки и даже другие списки). Вид маркера можно установить с помощью атрибута type в теге <ul> для всего списка, либо в тегах <li> свой вид маркера для каждого пункта списка.
Для создания нумерованного списка используется тег-контейнер
<ol>...</ol>, внутри находятся пункты списка, которые также заключаются в открывающий и закрывающий теги <li>...</li>. Вид
маркера (арабские цифры, заглавные или строчные буквы, заглавные или строчные римские цифры) можно установить с помощью атрибута type в теге <ol> для всего списка, либо в тегах <li> для каждого пункта списка.
21
189.2. Типы списков в HTML-документе. Теги для создания списков.
Атрибуты тега <ol>:
22
189.3. Типы списков в HTML-документе. Теги для создания списков.
Для создания списка определений используются тег-контейнеры
<dl>...</dl>, <dt>...</dt> и <dd>...</dd>.
Пример фрагмента HTML-документа, создающего список определений:
<dl>
<dt>Первый термин</dt>
<dd>Описание первого термина</dd> <dt>Второй термин</dt>
<dd>Описание второго термина</dd> </dl>
Здесь dl применяется для обозначения листинга определений, dt означает термины, а dd отвечает за разметку определений.
23
190. Использование атрибутов start и value в нумерованных списках.
Для создания нумерованного списка используется тег-контейнер
<ol>...</ol>, внутри находятся пункты списка, которые также заключаются в открывающий и закрывающий теги <li>...</li>. Вид
маркера (арабские цифры, заглавные или строчные буквы, заглавные или строчные римские цифры) можно установить с помощью атрибута type в теге <ol> для всего списка, либо в тегах <li> для каждого пункта списка.
Атрибут start используется в теге <ol> для указания начального значения нумерации пунктов списка (числа, буквы, римской цифры).
Атрибут value используется в теге <li> для отмены предыдущего порядка нумерации и установления нового начального значения нумерации пунктов списка (числа, буквы, римской цифры).
191. Тег для вставки изображений в web-страницу. Его обязательный атрибут.
Для вставки изображений в web-страницу используется непарный тег <img> с обязательным атрибутом src.
Изображение должно быть представлено в графическом формате gif, png, jpg или jpeg.
Значением атрибута src является URL-адрес файла изображения или адрес размещения файла изображения на компьютере.
Другие необязательные атрибуты тега <img> определяют ширину (width) и высоту (height) изображения, выравнивание изображения (align) и другие характеристики изображения.
25
192. Установка рисунка в качестве фона на web- странице. Можно ли на web-странице одновременно задать фоновый рисунок и закрасить его некоторым цветом?
В качестве фона страницы можно использовать изображение из
графического файла. Фоновый рисунок задается с помощью атрибута background тега <body>. Значением атрибута background является URL-адрес файла фонового рисунка или адрес размещения файла фонового рисунка на компьютере.
Для фонового рисунка не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика.
Закраска фона страницы некоторым цветом задается с помощью атрибута bgcolor тега <body>. Значением атрибута bgcolor является
символьное название цвета или шестнадцатеричный код цвета.
На web-странице одновременно задать фоновый рисунок и закрасить
его некоторым цветом нельзя. В этом случае закрашивание цветом |
|
игнорируется. |
26 |
|
|
193. Форматы графических файлов, наиболее предпочтительные в HTML.
Это форматы графических файлов gif, png, jpg, при которых файлы имеют относительно небольшие размеры, что позволяет ускорить процесс загрузки документа.
27
194. Тег организации ссылок в языке HTML. Его обязательный атрибут.
Для создания ссылки надо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку.
Оба действия выполняются с помощью парного тега <a> … </a> с обязательным атрибутом href.
В качестве значения атрибута href используется адрес документа (URL,
Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду
независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
28
195. Тег для создания таблиц.
Для создания таблиц в HTML-документе используется тег-контейнер <table>...</table>. Любая таблица состоит из строк и столбцов, которые
задаются с помощью тегов <tr> и <td>.
Атрибуты тега <table> задают выравнивание таблицы, фоновый рисунок и цвет фона таблицы, толщину и цвет рамки, отступ от рамки до ячейки и другие характеристики таблицы.
29
196.1. Теги для создания строки и столбца таблицы.
Любая таблица состоит из строк и столбцов, которые задаются с помощью тегов <tr>, <th> и <td>.
Тег <tr> служит контейнером для создания строки таблицы. Каждая
ячейка в пределах такой строки может задаваться с помощью тега <th> или <td>.
Тег <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается
браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.
Тег <td> предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.
30