Рабочие листы
к вашим урокам
Скачать
1 слайд
Атрибуты тэгов.
Учитель физики и информатики Дзагалова Т.И.
МОУ «Февральская СОШ№2»
2010г.
2 слайд
В прошлый раз мы разобрались с Вами в тэгах простой HTML-страницы. Даже с помощью того незначительного количества тэгов можно создавать относительно полноценные текстовые страницы. Сегодня же мы поговорим об атрибутах тэгов
3 слайд
Однако в начале хочется заострить Ваше внимание на исключении из правил. Исключение состоит в том, что имеются тэги не требующие закрытия. В частности два тэга
и <hr> не имеют закрывающих - </br> и </hr> в силу элементарной логики.
4 слайд
Тэг
(от англ. break - разрывать) применяется для принудительного перехода на другую строку. Не следует путать его с тэгом <p>, начинающего новый абзац. Тэгом
можно принудительно перейти на новую строку даже внутри абзаца.
![Понятно что сразу после перехода на новую строку "власть" тэга заканчивается...](https://documents.infourok.ru/1f6710c8-d35c-446f-a44a-a5d7b2a7cdf1/slide_05.jpg "Понятно что сразу после перехода на новую строку "власть" тэга заканчивается...")
5 слайд
Понятно что сразу после перехода на новую строку "власть" тэга заканчивается автоматически, следовательно закрытие данного тэга не требуется. Допустимо применение последовательности из двух и нескольких тэгов. Например
означает переход на новую строку и пропуск еще одной строки.
6 слайд
Тэг <hr> (от англ. horizontal - горизонтальный) . Это горизонтальный разделитель страницы. Т.е. в месте установки данного тэга проводится горизонтальная линия от левого до правого поля страницы. Как отмечалось <hr> также не требует закрытия.
7 слайд
А теперь перейдем к рассмотрению атрибутов тэга. Практический каждый тэг, за исключением тех, где это не требуется в силу логики, имеет атрибуты. Начнем с рассмотренных
и <hr>. Переход на новую строку не имеет никаких атрибутов.
8 слайд
А вот для горизонтального разделителя можно задать:
Align - горизонтальное выравнивание (left -левое, right-правое, center-по центру);
Size - размер по вертикали (толщина горизонтальной черты в пикселях);
WIDTH - ширина горизонтального разделителя в точках экрана или процентах;
NOSHADE - если установлен этот атрибут, то черта проводится без оттенков.
9 слайд
Рассмотрим примеры:
Простой горизонтальный разделитель <hr> без атрибутов по умолчанию выводится с оттенком с центровкой по горизонтали.
Теперь зададим все атрибуты следующим образом:,
<hr noshade size=5 width=50%>
10 слайд
Как мы заметили все атрибуты записываются сразу после названия тэга внутри угловых скобок просто через пробел без всяких знаков препинания.
11 слайд
Примечание:
Атрибуты задаются всегда в открывающем тэге. Последовательность атрибутов не имеет значения.
Согласно логике у тэгов <html>, <head> и <title> также нет атрибутов.
А вот у <body> и <p> атрибуты есть.
12 слайд
Для <p> их не так много. Точнее один. Это выравнивание по горизонтали - Align (left -левое, right-правое, center-по центру). Если выравнивание на задано, то по умолчанию оно производится по левому краю страницы.
13 слайд
Запись <p align=right>Этот текст расположен справа</p> и результат:
Этот текст расположен справа
14 слайд
У <body> несколько атрибутов.
Text - цвет текста документа (по умолчанию черный);
BGCOLOR - цвет фона документа (по умолчанию белый);
LINK - цвет ссылки;
VLink - цвет посещенной ссылки;
ALink - цвет активной ссылки;
BACKGROUND - ссылка на фоновое изображение.
15 слайд
Регистр букв не имеет значения. Записан атрибут как BGCOLOR, bgcolor или BgColor - не имеет принципиального значения. Значения для всех атрибутов задается приравниванием с помощью математического знака "=".
16 слайд
А теперь, резюмируя сказанное создадим страничку с именем attrib.html, внутри которой поместим следующий код.
17 слайд
<html>
<head>
<title>Пример использования атрибутов тэгов</title>
</head> <body text=red bgcolor=yellow>
<p>Написано красным по желтому. Сейчас будет горизонтальный разделитель</p>
<hr noshade size=3 width=80%>
<p align=center>Написано после
горизонтального разделителя
по центру</p> </body>
</html>
18 слайд
Мы установили цвет текста красным (red) text=red, а цвет фона страницы - желтым (yellow) bgcolor=yellow. Посмотрите, где поставлены тэги
и как они себя проявляют.
Рабочие листы
к вашим урокам
Скачать
6 656 258 материалов в базе
Настоящий материал опубликован пользователем Кондрашова Людмила Михайловна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
72/180 ч.
Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
3 ч.
Мини-курс
3 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.