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

Презентация:



Advertisements
Похожие презентации
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Advertisements

Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
(HyperText Markup Language) – язык гипертекстовой разметки.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Часть III Создание web-сайтов. Язык HTML Hyper Text Markup Language Язык Разметки Гипертекста Язык Разметки Гипертекста XHTML (eXtensible HTML) Современный.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Web-страницы и Web-сайты. Структура Web- страницы.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Т а б л и ц ы в. Таблица в HTML организуется как набор столбцов и строк. Таблицы являются стандартом HTML. В первом приближении таблица Web-страницы –
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
(HyperText Markup Language) – язык гипертекстовой разметки.
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
© Пивоваров Я.А., 2005 г. Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP (Transmission.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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