Общие сведения о языке Hypertext Markup Language (HTML). Структура и форматирование HTML-документа, работа с графикой и таблицами в нем. Реализация гипертекстовых связей между web-страничками, создание форм, использование фреймов, каскадных таблиц стилей.
Такие страницы еще называют Интернет-страницами, web-страницами, HTML-страницами или HTML-документами. Тэги - это управляющие элементы, которые определяют параметры отображения той или иной части HTML-документа: размер, цвет и начертание символов, размеры рисунка, выравнивание абзацев, расположение объектов на странице и т.д. Браузер (встречаются такие термины, как браузер или браоузер) предназначен для просмотра web-страничек, которые находятся в сети Интернет или на Вашем компьютере. Когда Вы в своем браузере загружаете web-страничку, то браузер выполняет команды, записанные на языке HTML, и, подчиняясь им, выводит на экран страничку. Web-страничка (иногда еще говорят, HTML-страничка) это текстовый файл, написанный на языке HTML в определенной кодировке и с определенным расширением.В этот документ добавьте текст, используя разбиение на абзацы с различным выравниваем: Этот текст выровнен по левому краю, при этом правый край окажется неровным, «рваным». А текст, выровненный по центру, используют для оформления коротких заголовков, но большой текст в таком виде читать очень тяжело. Создайте HTML-документ physical.html и добавьте на страничку текст с использованием описанных выше тэгов физического форматирования: При использовании тэгов начертания текст может быть полужирным, курсивным и подчеркнутым Создайте HTML-документ font.html и добавьте текст в тело странички: Увеличиваем размер символов текста Некоторые символы, введенные в HTML-документ, могут быть неверно поняты браузером: например, символы "" используются браузером для указания тэгов и, возможно, быть интерпретированы только так.Тэг имеет параметры, с помощью которых можно изменять внешний вид таблицы: · border - задает ширину границы таблицы (если border=0, то таблица отображается без границы); Обязательный элемент Ячейка таблицы служит для хранения данных таблицы и задается парными тэгами : Ячейка с данными A ячейка В ячейка С ячейка D ячейка E ячейка F ячейка G ячейка H ячейка J и посмотрите ее в браузере (рис. Используя параметр colspan приведите таблицу в HTML-документе tables.html: Заголовок 1 Заголовок 2 Заголовок 3 Для задания выравнивания элементов внутри ячейки у тэга или используются параметры align - для задания горизонтального выравнивания внутри ячейки (возможные значения left, right, center) и valign - для задания вертикального выравнивания внутри ячейки (возможные значения top, bottom, middle);После того как пользователь заполнит форму и нажмет кнопку, внесенные им данные посылаются на сервер и обрабатываются специальной программой CGI (Common Gateway Interface) или PHP (Personal Hypertext Processor). В одном документе может быть определено несколько форм для заполнения, но форма не должна содержать в себе другую форму. В параметре action указывается адрес (URL) программы, которая будет обрабатывать данные формы на сервере. Параметр method определяет, каким путем данные будут посылаться на сервер: · get: информация из формы добавляется в конец адреса, который был указан в параметре action. · В текстовом поле Индекс зададим ограничение на количество символов (параметр maxlength) и значение по умолчанию (параметр value): · В конце формы поместим кнопку, при нажатии на которую данные будут отсылаться на сервер (тэг с параметром type=submit).1 способ - строчный (внутренние таблицы стилей - Inline Style Sheets) - стили вставляются прямо в описание тэгов HTML с помощью специального параметра style. текст Аналогично создаем стиль у тэга (параметры, доступные без CSS описывает вне «style»): · Во-вторых, будем использовать строчный способ задания CSS, т.к. стиль у каждого элемента (абзац и таблица) нужно применить единожды. Тогда описав стиль один раз в разделе , при указании тэга в тексте уже не нужно стиль описывать повторно. · При описании стиле будем использовать вложенный способ, так как в тексте примера один и тот же стиль будет применяться несколько раз. · Описываем стили в разделе : P {letter-spacing:10px;font-style:normal;font-weight:bold;font-size:20px;}Блекло серо-голубой Cadetblue #5F9EA0 Блекло-голубой Aliceblue #F0F8FF Голубой Blue #0000FF Золотой Gold #FFD700 Лазурь Azure #F0FFFFВ спецификации HTML указано большое количество спецсимволов, но только некоторые из них используются. При замене символов, указанных в первом столбце, можно использовать имя, указанное во третьем столбце либо код, указанный в четвертом столбце. символ описание имя код пробелы и тире неразрывный пробел   ‹ одинарная угловая кавычка открывающая ‹ ‹ › одинарная угловая кавычка закрывающая › › ® знак зарегистрированной торговой марки ® ®Например: text-align: left Выравнивание текста text-indent Например: text-indent:5pt Отступ первой строки. В пикселях (px), пунктах (pt) или процентах (%) относительно ширины родительского элемента vertical-align · baseline - выравнивание по образцу родительского элемента · super - переводит элемент в верхний регистр · sub - нижний реги
План
Оглавление
Предисловие
Введение
Глава 1. Структура HTML-документа
Вопросы для повторения
Контрольное задание
Глава 2. Форматирование HTML-документа
Вопросы для повторения
Контрольное задание
Глава 3. Графика в HTML-документе
Вопросы для повторения
Контрольные задания
Глава 4. Работа с таблицами
Вопросы для повторения
Контрольные задания
Глава 5. Гиперссылки
Вопросы для повторения
Контрольные задания
Глава 6. Фреймы
Вопросы для повторения
Контрольное задание
Глава 7. Создание форм
Вопросы для повторения
Контрольное задание
Глава 8. Каскадные таблицы стилей
Вопросы для повторения
Контрольное задание
Проектное задание
Приложение 1. Web-палитра цветов
Приложение 2. Таблица замены специальных символов
Приложение 3. Параметры, доступные при использовании CSS
Приложение 4. Список тэгов и параметров, использованных в пособии
