(HyperText Markup Language) – язык гипертекстовой разметки. - презентация

1 (HyperText Markup Language) – язык гипертекстовой разметки

2 Парный тег фрагмент текста Непарный тег фрагмент текста Открывающий тегЗакрывающий тег

3 Регистр имен тегов и атрибутов не имеет значения = = Необходимо соблюдать порядок вложенности тегов полужирный курсив Наличие и количество пробелов между тегом и текстом или тегом и тегом не имеет значения полужирный курсив

4 Атрибуты (параметры) уточняют действие тегов Каждый тег имеет свой набор допустимых атрибутов Для парных тегов атрибуты указывают только в открывающем теге Можно использовать несколько атрибутов, разделенных пробелами Атрибуту присваивается заданное или произвольное значение Атрибуты записываются в виде пары: имя=значение

5 ! Интерпретирует HTML-код программа-браузер Браузеры не проверяют правильность написания кода HTML Неправильно записанный код браузером игнорируется

6 Служебная часть Содержательная часть

7 Тег определяет текст заголовка Web- страницы В отсутствие этого тега в строке заголовка выводится (в зависимости от браузера): -No title -Адрес загруженной страницы -Ничего

8

9 ЗАГОЛОВКИ Теги …, …, …, …, …, … Атрибут – (выравнивание) ALIGN =LEFT; RIGHT; CENTER; JUSTIFY Заголовок

10 АБЗАЦ Тег … Атрибут – (выравнивание) ALIGN =LEFT; RIGHT; CENTER; JUSTIFY Абзац Снова абзац Еще абзац

11 Разрыв строки Тег Предварительно отформатированный текст Тег …

12 Горизонтальная линия Непарный тег Атрибуты: ALIGN (выравнивание)=LEFT; RIGHT; CENTER WIDTH (ширина) =100% SIZE (толщина) =1 COLOR (цвет) =

13 Определение параметров фрагмента текста Тег … Атрибуты: FACE(гарнитура шрифта)=Times new Roman SIZE(размер шрифта)=3 COLOR(цвет шрифта)=Black

14 Теги форматирования текста: Полужирный - … Курсив - … Подчеркнутый - … Зачеркнутый - … Верхний индекс - … Нижний индекс - …

15 Атрибут FACE тега Атрибут SIZE тега изменяется SIZE = 1,2,3,4,5,6,7 по умолчанию SIZE=3 Для MS Internet Explorer единицы пункты

16 Атрибут COLOR тега может быть задан названием цвета или шестнадцатеричным числом модели RGB

17

18 Атрибут direction – указывает направление движения: direction= right - слева направо direction= left – справа налево Тег текст

19 Способы указания цвета: Название цвета Схема RGB

20 RGB - Red-Green-Blue, Красный-Зеленый-Синий Интенсивность компоненты записывается двузначным шестнадцатеричным числом. Шестнадцатеричные цифры: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F A26720

21 BGCOLOR – цвет фона документа BACKGROUND – фоновое изображение TEXT – цвет текста LINK – цвет непросмотренной ссылки VLINK – цвет просмотренной ссылки ALINK – цвет просматриваемой ссылки

22

23 Вставка графического изображения: тег (непарный) Обязательный атрибут SRC указывает адрес графического файла

24 Атрибуты тега -ALIGN - выравнивание текста относительно изображения -WIDTH и HEIGHT – ширина и высота в пикселях или процентах от размеров экрана -BORDER – толщина рамки вокруг изображения в пикселях -HSPACE и VSPACE – пустые поля вокруг изображения в пикселях -ALT – альтернативный текст

25 Альтернативный текст MSIE отображает графику MSIE не отображает графику

26 Указатель ссылки – тег … Адресная часть ссылки – атрибут HREF тега Хотите ознакомиться с моей биографией ? Зайдите на сайт Гимназия 22 г.Минска Пишите мне!

27 Указатель ссылки – изображение

28 заголовок столбца 1 заголовок столбца 2 содержимое ячейки 1 содержимое ячейки 2

29 заголовок столбца 1 заголовок столбца 2 содержимое ячейки 1 содержимое ячейки 2

30 Заголовок таблицы - тег (после тега ) Расположение заголовка – атрибут ALIGN = {TOP,BOTTOM}

31 Атрибуты тега BORDER – наличие и ширина рамки в пикселях BORDERCOLOR – цвет рамки CELLSPASING – расстояние между рамками ячеек в пикселях CELLPADDING – расстояние между рамкой ячейки и данными в ячейке WIDTH и HEIGHT – ширина и высота в пикселях или процентах от ширины экрана