Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Пособие по Html.doc
Скачиваний:
3
Добавлен:
16.08.2019
Размер:
5.69 Mб
Скачать

Введение

HTML – язык гипертекстовой разметки, предназначен для разметки и оформления документов, публикуемых в WWW или, проще сказать, HTML – документов. Этот язык независим от платформы, т.е. может работать в любых операционных системах.

HTML - язык дескрипторов. Дескриптор – это некое ключевое слово или сокращение, которое служит признаком того или иного форматирования данной части документа. Дескриптор заключают между знаками «больше» и «меньше»: <ДЕСКРИПТОР>.

Многие дескрипторы принадлежат к контейнерному типу: в них, как в контейнер, заключается фрагмент текста, форматирование которого определяется этим дескриптором, - например, выделение курсивом и т.д. Такие дескрипторы всегда парные: каждому открывающему дескриптору <Дескриптор> соответствует закрывающий, причём закрывающий дескриптор начинается с косой черты </Дескриптор>.

Встречаются и неконтейнерные, одинарные дескрипторы. Они не содержат текста, который нужно так или иначе отформатировать, а определяют характеристики документа в целом или описывают объект, который нужно вставить в данной точке документа, например картинку. Такие дескрипторы не имеют закрывающих «двойников».

Контейнерные дескрипторы, как правило, могут быть вложенными друг в друга:

Текст 1 <дескриптор 1> текст 2 <дескриптор 2> текст 3 </дескриптор 2> текст 4 </дескриптор 1> текст 5.

Главное правило при использовании вложенных дескрипторов – соблюдать последовательность: первым закрывается дескриптор, открытый последним.

Вся работа ведётся в программе Блокнот. Файл сохраняется с расширением .html. А результат просматривается в браузере Internet Explorer.

Глава 1. Основные принципы HTML

Лабораторная работа №1: Курсив

Текст, помещённый между дескрипторами <i> и </i>, отображается в броузере курсивом:

Лабораторная работа №2: Жирный шрифт и подчёркивание

Жирному шрифту соответствует дескриптор <b>, а подчёркиванию <u>:

В этом примере также был применён курсив.

Задание

Запишите строку текста с применением этих дескрипторов.

Глава 2. Абзацы

Лабораторная работа №1: Переход на новую строку

А бзацы в HTML размечаются с помощью дескриптора <p>.

Для того, чтобы вставить в текст «пустую» строку, используйте символ неразрывного пробела  .

Лабораторная работа №2: Абзац с параметрами

У дескриптора <p> всего один параметр – align. Он принимает одно из четырёх значений – left, right, center, justify. Этот параметр «отвечает» за выравнивание текста – соответственно по левому или правому краю, по центру, или по ширине.

По умолчанию обычно текст выравнивается по левому краю, что соответствует коду

<p align=left>.

Сделаем выравнивание одного абзаца, например, по правому краю: