Основы языка разметки HTML

Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF).

Например:

• bgcolor=#FFFFFF Цвет фона. Насыщенность красным, зеленым и синим одинакова — FF (это шестнадцатиричное представление числа 255). Результат — белый цвет.
• text=#000000 Цвет текста. Насыщенность красным, зеленым и синим одинакова — 00 (ноль). Результат — черный цвет.
• link=#FF0000 Цвет гипертекстовой ссылки. Насыщенность красным — FF (255), зеленым и синим — 00 (ноль). Результат — красный цвет.

• META-инструкция — это просто способ определить некоторую переменную путем указания ее имени (атрибут NAME) и значения (атрибут CONTENT). Примеры:

Таблицы

Информация в заголовке таблицы

• ALIGN - Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).
• WIDTH - Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).
• BORDER - Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки.
• CELLSPACING - Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING=2).
• CELLPADDING - Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLPADDING=10).

Атрибуты

• ALIGN - Устанавливает выравнивание текста в ячейках строки. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).
• VALIGN - Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: VALIGN=TOP (выравнивание по верхнему краю), VALIGN=MIDDLE (выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).

Атрибуты

• NOWRAP - Присутствие этого атрибута означает, что содержимое ячейки должно быть показано в одну строку.
• COLSPAN - Устанавливает "размах" ячейки по горизонтали. Например, COLSPAN=3 означает, что ячейка простирается на три колонки.
• ROWSPAN - Устанавливает "размах" ячейки по вертикали. Например, ROWSPAN=2 означает, что ячейка занимает две строки.
• ALIGN
• VALIGN
• WIDTH - Устанавливает ширину ячейки в пикселах (например, WIDTH=200).
• HEIGHT - Устанавливает высоту ячейки в пикселах (например, HEIGHT=40).

" width="640"

Форма — это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего мира, где информация будет некоторым образом обработана.

Глава 8”

Атрибуты

TYPE=text Определяет окно для ввода строки текста. Может содержать дополнительные атрибуты SIZE=[число] (ширина окна ввода в символах) и MAXLENGTH=[число] (максимально допустимая длина вводимой строки в символах).

Пример:

TYPE=password Определяет окно для ввода пароля.

TYPE=radio Определяет радиокнопку.

TYPE=checkbox Определяет квадрат, в котором можно сделать пометку.

MENU.HTM

1.HTM

• MENU.HTM

…

Глава 2

Глава 3

… .

HEAD HEAD STYLE TYPE ="text/css" H1 { COLOR : RED ; FONT - STYLE : ITALIC } H1.blue { COLOR : BLUE ; SIZE :20pt;} STYLE BODY H1 Привет! H1 H1 class="blue“ Еще раз привет! H1 / BODY HTML " width="640"

CSS - Cascading Style Sheets

• Любой элемент HTML - это возможный CSS селектор. Свойства селектора определяют стиль элемента, для которого он определен.

HTML HEAD HEAD

STYLE TYPE ="text/css"

H1 { COLOR : RED ; FONT - STYLE : ITALIC }

H1.blue { COLOR : BLUE ; SIZE :20pt;}

STYLE

BODY

H1 Привет! H1

H1 class="blue“ Еще раз привет! H1

/ BODY

HTML

• Файл styles.css

BODY {background:black; font-family:Arial Black}

H1 {color:white}

• Файл Index.html

Содержание Документа

Свойство Font

• font-family Возможные значения: [1] любой шрифт
• font-style Возможные значения: [1] normal - без изменений [2] italic - курсив
• font-weight Возможные значения: [1] normal - без изменений [2] bold – жирный
• font-size Возможные значения: [1] размер (+) [2] xx-small, x-small, small, medium, large, x-large, xx-large –

[3] smaller, larger - любое из этих значений

• text-decoration Возможные значения: [2] underline - подчеркнутый [3] overline - надчеркнутый [4] line-through - перечеркнутый