4. Вставка изображений в html документ

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG.

Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.

Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>.

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок.(тег <map>)

Атрибуты:

align Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

alt Альтернативный текст для изображения.

border Толщина рамки вокруг изображения.

height Высота изображения.

hspace Горизонтальный отступ от изображения до окружающего контента.

ismap Говорит браузеру, что картинка является серверной картой-изображением.

longdesc Указывает адрес документа, где содержится аннотация к картинке.

src Путь к графическому файлу.

vspace Вертикальный отступ от изображения до окружающего контента.

width Ширина изображения.

usemap Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

Тег <img> не является закрывающимся.

5. Теги и атрибуты создания нумерованных и ненумерованных списков.

Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Синтаксис

<ol>

<li>элемент нумерованного списка</li>

<li>элемент нумерованного списка</li>

</ol>

Атрибуты

type

Устанавливает вид маркера списка.

reversed

Нумерация в списке становится по убыванию (3,2,1).

start

Задаёт число, с которого будет начинаться нумерованный список.

Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Синтаксис

<ul>

<li>элемент маркированного списка</li>

</ul>

Атрибуты

type

Устанавливает вид маркера списка.

6. Тег создания простой таблицы и его атрибуты (без объединения ячеек и строк).

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

Атрибуты:

align Определяет выравнивание таблицы.

background Задает фоновый рисунок в таблице.

bgcolor Цвет фона таблицы.

border Толщина рамки в пикселах.

bordercolor Цвет рамки.

cellpadding Отступ от рамки до содержимого ячейки.

cellspacing Расстояние между ячейками.

cols Число колонок в таблице.

frame Сообщает браузеру, как отображать границы вокруг таблицы.

height Высота таблицы.

rules Сообщает браузеру, где отображать границы между ячейками.

summary Краткое описание таблицы.

width Ширина таблицы.

7. Colspan - Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Синтаксис <td colspan="число">...</td>

Rowspan - Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот атрибут имеет смысл для таблиц, состоящих из нескольких строк.

Синтаксис <td rowspan="число">...</td>

8. Использование карт-ссылок.

Тег <map> служит контейнером для элементов <area>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <map> — в связывании тега <img> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <img>, задаваемого атрибутом usemap, так и в теге <map>, устанавливаемого атрибутом name

Тег должен быть закрывающимся.

Атрибуты:

Shape – атрибут для выбора типа области (круг, прямоугольник, многоугольник)

Cords – атрибут, который служит для установки координат участка изображения.

Href – ссылка на документ

Alt – всплывающая подсказка

9. Атрибут <frame> & <frameset>

Тег <frame> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <frameset>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью атрибута src.

Атрибуты

• Bordercolor Цвет линии границы.

• Frameborder Отображать рамку вокруг фрейма или нет.

• Name Задает уникальное имя фрейма.

• Noresize Определяет, можно изменять размер фрейма пользователю или нет.

• Scrolling Способ отображения полосы прокрутки во фрейме.

• Src Путь к файлу, предназначенному для загрузки во фрейме.

<frameset> Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега <frame>. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Тег <frameset> заменяет собой элемент <body> на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.

Синтаксис

<frameset>

<frame>

</frameset>

Атрибуты

• Border Толщина границы между фреймами.

• Bordercolor Цвет линии границы.

• Cols Устанавливает ширину или пропорции фреймов в виде колонок.

• Frameborder Определяет, отображать рамку вокруг фрейма или нет.

• Framespacing Аналог атрибута border, задает ширину границы.

• Rows Задает размер или пропорции фреймов в виде строк.