Лабораторная работа: Создание сайта на языке HTML
Href
Для организации ссылки используется атрибут href, который задает адрес ссылки. Он может указывать или на имя ссылки в тексте, или на URL и имя файла.
Вставка изображения
Элемент <IMG> используется для вставки в документ графического изображения.
Под графическим изображением подразумеваются: маленькие пиктограммы, рисунки, графические объекты и карты изображений. Кроме того элемент <IMG> поддержевает различные атрибуты, определяющие расположение изображения относительно окружающего текста и содержания Web-страницы в целом.
Src
Этот атрибут указывает на фаил графики, задавая его адрес.
Align
Этот атрибут задаёт расположение рисунка в окне и его выравнивание. Он может принимать значения:
Bottom-по нижнему краю
Top-по верхнему краю
Left-по левому
Right-по правому
Middle-по центру.
Таблицы
Элемент <TABLE> используется с целью внедрения таблиц в Web страницу. Они удобны тем, что броузер сам прорисовывает рамку таблицы. Размер рамки может задаваться как фиксированно, так и автоматически согласовываться с размерами окна просмотра броузера и с размерами, находящегося в ячейках текста и рисунков. Кроме того таблицы позволяют решать чисто дизайнерские задачи: выравнивать части таблицы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением, разбивать текст на колонки и т.д.
В этом случае хочется предостеречь от совершения очень распространенной ошибки, когда для выравнивания текста и задания отступов дизайнеры вставляют всю страницу в одну единственную таблицу, но забывают о такой особенности, что содержимое таблицы не прорисовывается частями и посетителю придется ждать пока загрузится все содержимое таблицы, особенно досадно, если общий обьем текста достаточно велик.
По правде говоря само по себе использование таблиц для визуального форматирования есть нарушение того принципа, которого рекомендует придерживаться W3C - таблицы должны использоваться только для внедрения таблиц, а позиционировать элементы необходимо при помощи слоев. При создании таблиц используется принцип вложения: между тэгами <TABLE> и </TABLE> задается заголовок вне рамки таблицы <CAPTION>, создается ряд элементов <TR>, определяющих начало строки, а внутри этих элементов размещаются элементы <TD>, описывающие ячейки и <TH>, описывающие заглавные ячейки.
Элемент <TABLE> может иметь атрибуты
Bgcolor
Этот атрибут задает фоновый цвет ячейкам, которые не обладают собственным атрибутом bgcolor или background.
<TABLE bgcolor=цвет>
Background
Этот атрибут задает фоновый рисунок ячейкам, которые не обладают собственным атрибутом bgcolor или background.
<TABLE background=URL файла изображения>
Bordercolor
Этот атрибут задает цвет рамки, используется только с атрибутом border.
<TABLЕ border=число bordercolor=цвет >
Align
Этот атрибут задает задает режим горизонтального выравнивания таблицы на странице, он может принимать значения left, center и right .
<TABLE align= способ >