Элемент col

Предназначен для группирования свойств столбца (колонки) или столбцов таблицы. Он удобен в использовании и сокращает HTML-код, если все ячейки каждого столбца имеют одинаковые характеристики, но при этом сами столбцы отличаются. Если для всех столбцов применить данный тег с указанием ширины, а также указать ширину таблицы, то браузер начнет отображать таблицу сразу, по частям, а не после того, как она полностью загрузится.

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов

span - Определяет число столбцов, объединенных элементом COL; атрибуты элемента COL распространяются на все столбцы, которые он объединяет. Значением должно быть целое число больше нуля. Значение по умолчанию для этого атрибута - 1. Если для атрибута span установлено значение N > 1, атрибуты текущего элемента COL распространяются на следующие N-1 столбец.

width - Определяет ширину каждого столбца, объединенного текущим элементом COL, используемую по умолчанию. Он имеет то же значение, что и атрибут width для элемента COLGROUP и имеет над ним приоритет.

Элемент COL позволяет авторам группировать определения атрибутов для столбцов таблицы. Атрибут COL не группирует столбцы структурно - эту роль играет элемент COLGROUP. Элементы COL являются пустыми и служат только для поддержания атрибутов. Они могут находиться внутри или вне явной группы столбцов (т.е. элемента COLGROUP).

Разница между свойствами тегов COLGROUP и COL не очень велика и состоит в следующем. COLGROUP позволяет объединять колонки в определенные группы, также при добавлении атрибута rules="groups" к тегу TABLE браузер будет рисовать линию только между колонками, созданными с помощью COLGROUP. В остальных случаях поведение колонок назначенных через элементы COLGROUP и COL идентично.

6. Работа с графикой.

Для вставки графических элементов служит тэг <IMG>.

Следует использовать графические файлы небольших размеров, дабы уменьшить время загрузки страницы браузером.

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

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов

src - задает местоположение изображения. Примерами широко распознаваемых форматов являются GIF, JPEG и PNG.

Элемент IMG внедряет изображение в текущий документ по адресу из определения элемента. Элемент IMG не имеет содержимого; обычно он замещается изображением, назначаемым атрибутом src.

Чтобы вставить графику в текст html-страницы надо указать имя и место хранения соответствующего файла. Если файл находится в той же папке, что и страница, то достаточно указать имя файла с расширением. Если графический файл находится в другой папке, то, помимо имени файла с расширением необходимо указывать путь к этому файлу. Для выравнивания изображения по центу используется тэг <CENTER>, для размещения на новой строке - тэг <BR>

Визуальное представление изображений

Все атрибуты элемента IMG, относящиеся к визуальному выравниванию и представлению, являются устаревшими, вместо них следует использовать таблицы стилей.

Ширина и высота

Определения атрибутов

Width - Переопределение ширины изображения и объекта.

height - Переопределение для изображения и объекта.

Если указаны атрибуты width и height, они сообщают браузерам о необходимости переопределения исходного размера изображения или объекта этими значениями.

Если объектом является изображение, оно масштабируется. Обратите внимание, что длины, выраженные в процентах, зависят от доступного горизонтального или вертикального пространства, а не от исходного размера изображения.

Атрибуты height и width дают браузера представление о размере изображения или объекта, чтобы они могли зарезервировать соответствующее пространство и продолжать генерацию документа, ожидая данных об изображении.

Пространство вокруг изображений и объектов

Атрибуты vspace и hspace определяют свободное пространство слева и справа (hspace) и над и под (vspace) IMG. По умолчанию значение этого атрибута не определено, но обычно это небольшое ненулевое значение. Оба атрибута имеют значение типа длина.

Добавление фона в документ html

С помощью атрибута BACKGROUND тэга <BODY>, можно снабдить страницу любым графическим фоном. Т.к. браузер автоматически размещает копии изображения таким образом, чтобы заполнить всю страницу, то изображение, применяемое для формирования фона можно делать небольшим по размеру.

Формируя графический фон страницы, используйте такие изображения, которые способны вызвать интересные зрительные эффекты, а с другой стороны не мешали бы восприятию текстовой информации. Хорошее изображение при его многократном повторении выглядит "гладким", без "швов". Не исключено, что после использования графического фона, вам придется изменить цвет шрифта, чтобы достичь его удобочитабельности.

Рамка придает изображению четкость и определенность. Для создания рамки служит атрибут BORDER тэга <IMG>. Используя этот атрибут можно указать толщину линии рамки в пикселях. Если указать нулевое значение, то рамка отображаться не будет.

Обтекание графики текстом в документе html

Если хотите, чтобы графический рисунок органически вписывался в дизайн вашей Вэб-страницы, то в этом вам поможет атрибут ALIGN тэга <IMG>.

Этот атрибут допускает задание двух значений - left right.

Значение left заставляет браузер помещать изображение слева от текста, а right - справа от него. Если надо, чтобы форматированию подвергался только определенный фрагмент текста, следует применить тэг BR с атрибутом CLEAR, указывающими позицию в тексте, начиная с которой действие механизма обтекания графики текстом отменяется. Значения left, right, all атрибута CLEAR позволяют определить, с какой стороны - левой, правой, обеих - текст далее будет свободен от графики.

Следует заметить, что если атрибут ALIGN уже был применен вами для выравнивания текста относительно графики в пределах конкретной Вэб-страницы, установить параметр обтекания графики текстом вам не удастся.

Атрибут ALIGN дает возможность разместить текст между двумя графическими изображениями. В этом случае тэги, описывающие изображения, должны быть расположены над текстом, который будет заключен между ними.

Границы

Изображение или объект может окружать граница

Определения атрибутов

border - Нежелателен. Атрибут border определяет ширину границы в пикселах. Значение этого атрибута, используемое по умолчанию, зависит от агента пользователя.

Выравнивание

Атрибут align определяет положение IMG относительно его содержимого.

Следующие значения атрибута align относятся к положению объекта относительно окружающего текста:

• bottom означает, что окно объекта должно быть вертикально выровнено относительно текущей базовой линии. Это значение используется по умолчанию.

• middle означает, что центр объекта должен быть выровнен вертикально относительно текущей базовой линии.

• top означает, что верх объекта должен быть вертикально выровнен относительно верха текущей текстовой строки.

Два других значения, left и right, приводят к перемещению изображения к текущему левому или правому полю.

Как указать альтернативный текст

Определения атрибутов

alt - Для браузеров, не имеющих возможности вывести изображения, формы или апплеты, этот атрибут определяет альтернативный текст. Язык альтернативного текста определяется атрибутом lang.

Для некоторых нетекстовых элементов (IMG, AREA, APPLET и INPUT) авторы должны указывать альтернативный текст, служащий содержимым, если элемент нельзя нормально сгенерировать. Задание альтернативного текста помогает пользователям, не имеющих графических дисплеев, пользователям, браузеры которых не поддерживают формы, пользователям синтезаторов речи, пользователям, графический агент которых сконфигурирован так, чтобы не выводить изображения и т.д.

Атрибут alt должен быть указан для элементов IMG и AREA. Он не является обязательным для элементов INPUT и APPLET.

В то время как альтернативный текст может быть очень полезным, использовать его нужно осторожно.

7. Ссылки.

HTML ссылки составляют основу Интернета, ведь именно они связывают все веб-страницы в единую сеть. Ссылка является указателем на фактическое местонахождение объекта.

Ссылки, или гиперссылки, создаются с помощью тега <a>. Ссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Тег <a> идет в паре с закрывающим тегом </a>. Между ними может присутствовать текст или картинка.

Существует три способа использования данного тега:

1. для создания абсолютной ссылки. В этом случае в адресном поле указывается значение URL, куда ведет ссылка.

2. для создания относительной ссылки. При этом в поле адреса прописывается путь к другому документу, относительно текущего документа.

3. для создания якоря. В этом случае с помощью ссылки вы можете осуществлять переходы внутри документа.

Каждый элемент A может определять якорь или ссылку.

Якоря позволяют создавать, например оглавление, элементы которого являются ссылками на элементы заголовков H2, H3 и т.д. в том же документе.

Указатель ссылки представляет собой фрагмент текста или изображение, который визуально выделяется в документе (по умолчанию, синим цветом и подчеркиванием).

Адресная часть ссылки для пользователя не видна, она представляет собой URL-адрес объекта, к которому необходимо перейти.