2020-06-30
347
Практическая работа № 30
«Структура HTML-документа. Создание Web-страницы»
Цель: научиться создавать простейшиеHTML-документы,разбивать текст на абзацы,выполнять вырав-нивание различными способами, просматривать Web-страницы с помощью браузера.
ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
Теги —это определённые последовательности символов,заключенные между знаками
< (меньше) и > (больше). Символ < обозначает начало тега, символ > обозначает конец тега.
HTML-документ –это всё,что заключено между тегами<HTML>и</HTML>.
Структура HTML-документа
<HTML>
<head >
Заголовок
<TITLE>
Название докумен-
</TITLE>
</head>
<BODY>
Тело документа
</BODY>
</HTML>
Заголовок находится между тегами<HEAD>и</HEAD>. В нем содержится информация о документе, которая не выводится на экран (является необязатель-ным элементом).
Название странички располагается между тегами <TITLE> и </TITLE> и появляется в верхней рамке ок-на программы просмотра.
Прописные и строчные буквы в написании тегов значения не имеют.
Тело выводится на экран программой просмотра(браузером) – текст, картинки, видеофрагменты.
Оно заключается между тегами <BODY> и </BODY>.
Форматирование шрифта
| Назначение | Формат | Значение аргументов (вместо звездочки *) | |
| Жирный | <B> текст </B> | ||
| Подчеркнутый | <U> текст </U> | ||
| Курсив | <I> текст </I> | ||
| Верхний индекс | <SUB> текст </SUB> | ||
| Нижний индекс | <SUP> текст </SUP> | ||
| Размер шрифта(от 0 | <FONTSIZE=*> текст | 0,1,2,3,4,5,6,7 | |
| до 7) | </FONT> | ||
| Цвет | шриф- | <FONT COLOR=”*”> текст | |
| та(задается | названи- | </FONT> | См. ниже значения |
| ем цвета или его ко- | |||
| дом) | |||
| Гарнитура | шрифта | <FONT FACE=”*”> текст | Arial, Arial Black, Comic Sans MS, |
| (задается | название | </FONT> | Monotype Corsiva, Courier New, |
| шрифта) | Times New Roman и др. | ||
Таблица значений цветов
| Название | Код | Имя | Название | Код | Имя |
| черный | #000000 | black | серебряный | #C0C0C0 | silver |
| темно-бордовый | #800000 | maroon | красный | #FF0000 | red |
| зеленый | #008000 | green | известь | #00FF00 | lime |
| оливковый | #808000 | olive | желтый | #FFFF00 | yellow |
| темно-синий | #000080 | navy | голубой | #0000FF | blue |
| фиолетовый | #800080 | purple | фуксия | #FF00FF | fuchsia |
| чирок | #008080 | teal | аква | #00FFFF | aqva |
| серый | #808080 | gray | белый | #FFFFFF | white |
Бегущая строка
<MARQUEE> текст </MARQUEE> — направление движения – справа-налево.
Scroll – стандартное движение от правого края к левому — бесконечный цикл. Число циклов можно ог-раничить:
<MARQUEE LOOP=n BENAVITION=scroll>текст</MARQUEE>
slide – надпись один раз пробегает от правого края к левому и там остаётся.
alternate – движение от правого края страницы к левому и обратно, бесконечный цикл.
Определение ширины участка, занимаемого бегущей строкой:
<MARQUEE где n – ширина той части страницы, на которой располо-жена бегущая строка.
ПРАКТИЧЕСКАЯ ЧАСТЬ
