ОСНОВНЫЕ ПОНЯТИЯ HTML

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

Теги и структура Web- страницы. Основные теги HTML задают размер шрифта. Размеров шрифтов 6 от < H1> < /H1> до < H6> < /H6> в порядке возрастания размера. В основном тексте употребимы теги < Р> - тег абзаца, обеспечивающий правильное разбиение текста на абзацы и < BR>, задающего конец строки.

Для форматирования вида текста используются теги:

- < B> < /B> - жирный шрифт Bold;

- < I> < /I> - курсив Italic;

- < CENTER> < /CENTER> - центрирование текста;

- < BLINK> < /BLINK> - мигание.

Для создания нумерованных и маркированных списков применяются теги списков. Простые операции по размещению текста на странице выполняют теги BLOCKQUOTE> < /BLOCKQUOTE> < и им подобные. Но для того чтобы скомпоновать текст и графику в красиво оформленную Web- страницу с четкими границами или рамками, необходимо заключить эти компоненты в теги таблицы .< TABLE> < /TABLE>. Таблицы без разделительных окаймляющих линий применяются для размещения элементов дизайна по всей странице.

Вся страница заключается в теги < HTML> < /HTML>, указывающие на то, что текст является текстом HTML, а его части в теги < BODY> < /BODY>. Имеется возможность просмотра программы на HTML не как кода, а как обычного листинга, включая и специальные символы < > /. Броузер покажет все, что заключено между тегами < XML> < /XML>.

Атрибуты. Атрибуты дополняют теги, позволяя описывать внешний вид части страницы, окруженной тегами. К примеру, текст, помещенный внутри тегов < H1 ALIGN=CENTER> < /H1>, будет выглядеть как большой центрированный заголовок. Атрибут ALIGN=CENTER указывает расположение текста. Тег с атрибутом < TABLE BORDER=4> показывает, что у таблицы будут граничные и разделительные линии нормальной толщины. < TABLE BORDER=0> задает таблицу без граничных линий. С помощью разнообразных атрибутов можно украсить даже самую скучную страницу.

Атрибут ALIGN= позволяет выровнять текст по левому или правому краю, по центру или ширине. По умолчанию текст выравнивается по левому краю.

Данный атрибут применим также к графике и таблицам.

По умолчанию текст HTML выравнивается по левому краю и не выравнивается по правому, то есть начало строк находится на одном уровне, а концы на разных. Чаще всего получающийся при этом текст с равными промежутками между словами выглядит лучше. Поскольку выравнивание по левому краю задается автоматически, атрибут ALIGN= LEFT можно опустить.

Текст, выровненный по правому краю и не выровненный по левому - концы строк находятся на одном уровне, а начало на разных, - часто применяется на практике, хотя бы с целью создать оригинальный дизайн. Этот эффект достигается заданием атрибута ALIGN= RIGHT в обычных тегах, например в теге < P>.

Центрирование текста и графики. Есть несколько способов отцентрировать текст или графику. В спецификациях HTML 3.0 предлагается воспользоваться < ALIGN=CENTER>. Однако этот тег применим не для всех объектов HTML, поэтому Netscape добавил тег < CENTER>, который концентрирует любые объекты и поддерживается броузерами Netscape Navigator, Internet Explorer и некоторыми другими. Боюсь, что к тегу < CENTER> нужно относиться с осторожностью. Какой-нибудь броузер может его вообще проигнорировать, и на странице окажется выровненный по левому краю текст. Но если вы хотите быть уверенным, что в будущем вам не придется возвращаться к своим кодам и менять везде < CENTER> на < P ALIGN=CENTER>;, лучше использовать оба тега, хотя, наверное, это уже перебор.

Огибание графики С помощью атрибута ALIGN= вы можете ‘ обернуть’ текст вокруг графического объекта. Для этого поместите тег < IMG SRC= ’’/ путь /файл.gif’’ ALIGN=LEFT, ALIGN=RIGHT, ALIGN=CENTER. Кроме того, с помощью атрибутов HSPACE= и VSPACE= (они описываются ниже) задается ширина горизонтальных и вертикальных полей, отделяющих изображение от текста. Можно также создать рамку вокруг картинки или обрамление таблицы текстом.

Атрибут < CLEAR=> в теге < BR> используется для того, чтобы остановить в указанной вами точке обтекания текстом объекта и затем продолжить текст в пустой области за объектом. Продолжающийся за объектом текст в соответствии со значениями LEFT, RIGHT или ALL атрибута CLEAR=.

< BR CLEAR=LEFT > - текст будет продолжен, начиная с ближайшего

пустого левого поля

< BR CLEAR=RIGHT> - текст будет продолжен, начиная с ближайше-

го пустого правого поля

< BR CLEAR=ALL> - текст будет продолжен, как только и левое, и

правое поля окажутся пустыми.

Задание:

Домашняя подготовка:

1) Изучить основные теги и атрибуты HTML

2) Подготовить необходимые данные для заполнения Web - страницы, в том числе gif - файл. Предметную область определит преподаватель.

Порядок выполнения задания в лаборатории:

1) Показать преподавателю данные домашней подготовки.

2)Создать простейшую Web- страницу.

3) Занести в нее картинку из gif - файла.

4) Продолжить заполнение страницы с использованием огибания рисунка, использованием бегущей строки, мигания текста, звукового сопровождения.

5) Если подключен принтер получить распечатку Web - страницы. Предъявить преподавателю Web - страницу на Microsoft Internet Explorer.

 

Требования к отчету.

Отчет должен включать:

1) Краткое описание используемых тегов и атрибутов HTML.

2) Исходные данные в соответствии с заданием к работе.

3) Распечатки результатов работы с поясняющими записями.

 

Основная литература: [1] – 1-638 c, [2] 1- 432 c.

Дополнительная литература: [16] – c, [26] – с.

Контрольные вопросы:

1) Что такое Web - страница и HTML.

2) Какие основные теги и атрибуты используются для создания Web - страниц.

3) Какими тегами могут быть заполнены и отредактированы страницы.

4) Как модифицируется структура существующих Web - страниц.

5) Какие режимы работы имеет Microsoft Internet Explorer.

 

Планы занятий в рамках самостоятельной работы студентов под руководством преподавателя (СРСП). (15 часов).