Атрибуты тегов

Слайд #1

Атрибуты тэгов. Учитель физики и информатики Дзагалова Т.И. МОУ «Февральская СОШ№2» 2010г.

Слайд #2

В прошлый раз мы разобрались с Вами в тэгах простой HTML-страницы. Даже с помощью того незначительного количества тэгов можно создавать относительно полноценные текстовые страницы. Сегодня же мы поговорим об атрибутах тэгов

Слайд #3

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

Слайд #4

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

Слайд #5

Понятно что сразу после перехода на новую строку "власть" тэга заканчивается автоматически, следовательно закрытие данного тэга не требуется. Допустимо применение последовательности из двух и нескольких тэгов. Например означает переход на новую строку и пропуск еще одной строки.

Слайд #6

Тэг (от англ. horizontal - горизонтальный) . Это горизонтальный разделитель страницы. Т.е. в месте установки данного тэга проводится горизонтальная линия от левого до правого поля страницы. Как отмечалось также не требует закрытия.

Слайд #7

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

Слайд #8

А вот для горизонтального разделителя можно задать: Align - горизонтальное выравнивание (left -левое, right-правое, center-по центру); Size - размер по вертикали (толщина горизонтальной черты в пикселях); WIDTH - ширина горизонтального разделителя в точках экрана или процентах; NOSHADE - если установлен этот атрибут, то черта проводится без оттенков.

Слайд #9

Рассмотрим примеры: Простой горизонтальный разделитель без атрибутов по умолчанию выводится с оттенком с центровкой по горизонтали. Теперь зададим все атрибуты следующим образом:,

Слайд #10

Как мы заметили все атрибуты записываются сразу после названия тэга внутри угловых скобок просто через пробел без всяких знаков препинания.

Слайд #11

Примечание: Атрибуты задаются всегда в открывающем тэге. Последовательность атрибутов не имеет значения. Согласно логике у тэгов , и также нет атрибутов. А вот у и атрибуты есть.

Слайд #12

Для их не так много. Точнее один. Это выравнивание по горизонтали - Align (left -левое, right-правое, center-по центру). Если выравнивание на задано, то по умолчанию оно производится по левому краю страницы.

Слайд #13

Запись Этот текст расположен справа и результат: Этот текст расположен справа

Слайд #14

У несколько атрибутов. Text - цвет текста документа (по умолчанию черный); BGCOLOR - цвет фона документа (по умолчанию белый); LINK - цвет ссылки; VLink - цвет посещенной ссылки; ALink - цвет активной ссылки; BACKGROUND - ссылка на фоновое изображение.

Слайд #15

Регистр букв не имеет значения. Записан атрибут как BGCOLOR, bgcolor или BgColor - не имеет принципиального значения. Значения для всех атрибутов задается приравниванием с помощью математического знака "=".

Слайд #16

А теперь, резюмируя сказанное создадим страничку с именем attrib.html, внутри которой поместим следующий код.

Слайд #17

Пример использования атрибутов тэгов Написано красным по желтому. Сейчас будет горизонтальный разделитель Написано после горизонтального разделителяпо центру

Слайд #18

Мы установили цвет текста красным (red) text=red, а цвет фона страницы - желтым (yellow) bgcolor=yellow. Посмотрите, где поставлены тэги и как они себя проявляют.