Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Петрунина Е.Б.. Лабораторные работы по теме «Основы НТМL»

.pdf
Скачиваний:
3
Добавлен:
15.11.2022
Размер:
418.02 Кб
Скачать

 

 

 

 

 

 

 

 

 

Таблица 2

Теги внесения ссылок на дополнительную информацию

 

 

 

 

 

 

 

 

 

 

Теги

 

 

 

 

 

Действие

 

 

 

 

 

 

 

<A HREF="URL файла-ссылки">…</A>

 

Ссылка на текстовый файл или

 

 

 

 

 

 

рисунок

 

<A NAME="#имя метки">…</A>

 

 

Установка метки внутри файла

<IMG SRC="URL файла-изображения">

 

Вставка изображений

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Таблица 3

Основные атрибуты (первое из перечисленных значений –

 

 

значение по умолчанию)

 

 

 

 

 

 

 

 

 

 

 

 

 

Возможные

 

 

Действие

 

В каких

Атрибут

 

 

 

 

тегах ис-

 

 

значения

 

 

атрибута

 

 

 

 

 

 

 

пользуется

 

 

 

 

 

 

 

 

 

 

1) Текстовое

назва-

Задает цвет линий

 

<HR>,

COLOR=

ние цвета: GRAY (се-

и шрифта в тексте

 

рый),

AQUA

(аквама-

 

<FONT>

 

или таблице

 

 

рин), BLACK (черный),

 

 

 

 

 

<TABLE>,

 

BLUE (синий), FUCH-

 

 

BGCOLOR=

SIA (яркий пурпурно-

Задает цвет фона

 

<TR>,

красный), GREEN (зе-

 

<TH>,

 

 

 

 

леный), LIME (зелено-

 

 

<BODY>

 

ватый),

MAROON

Задает цвет

 

 

BORDERCOLOR=

(темно-бордовый),

 

 

внешнего контура

 

<TABLE>

 

NAVY

(темно-синий),

таблицы

 

 

 

OLIVE

(оливковый),

 

 

 

Задает цвет

 

 

 

PURPLE (пурпурный),

 

 

TEXT=

шрифта в доку-

 

<BODY>

RED

(красный),

SIL-

 

 

менте в целом

 

 

 

VER

 

(серебристый),

 

 

 

 

 

 

 

 

TEAL, YELLOW (жел-

 

 

 

 

тый), WHITE (белый).

 

 

 

 

Возможны также те же

 

 

 

 

слова

 

с приставками

Цвета соответст-

 

 

LINK=, VLINK=,

LIGHT и DARK, на-

венно непосе-

 

 

пример

LIGHTGREEN

щенных, посе-

 

<BODY>

ALINK=

 

(светло-зеленый),

 

 

щенных и актив-

 

 

 

 

 

 

 

 

DARKBLUE

(темно-

ных ссылок

 

 

 

голубой)

 

 

 

 

 

 

 

2) Шестнадцатиричный

 

 

 

 

код в системе RGB

 

 

 

 

 

21

 

 

Продолжение табл. 3

 

 

 

 

 

Возможные

Действие

В каких те-

Атрибут

гах исполь-

значения

атрибута

 

зуется

 

 

 

 

 

 

<TABLE>,

BACKGROUND=

"URL" файла с изобра-

Создает фон-

<TH>,

 

жением для фона

картинку

<TD>,

 

 

 

 

 

 

<BODY>

 

 

Задает толщину

 

 

BORDER=

Целое число

окантовки для

<IMG>,

без размерности

изображения или

<TABLE>

 

 

 

таблицы

 

 

 

 

Горизонтальное

<P>, <H1>,

 

 

<H2>,

,

 

 

выравнивание

 

LEFT, CENTER,

<H6>,

<TA-

ALIGN=

текстового фраг-

RIGHT

BLE>,

 

 

мента или табли-

 

 

 

<HR>,

 

 

 

цы в целом

 

 

 

<TH>,

<TD>

 

 

 

 

 

Размещение заго-

 

 

ALIGN=

BOTTOM, ТОP

ловка над или под

<CAPTION>

 

 

таблицей

 

 

 

BOTTOM, LEFT,

Размещение тек-

 

 

ALIGN=

стового поясне-

<IMG>

RIGHT, ТОP, MIDDLE

 

ния к картинке

 

 

 

 

 

 

 

MIDDLE, TOP, BOT-

Вертикальное

<TABLE>,

VALIGN=

выравнивание

TOM

<TH>,

<TD>

 

фрагмента

 

 

 

 

 

 

Длина/высота

 

 

 

 

фрагмента в пик-

 

 

WIDTH=

 

селах или в про-

 

 

 

 

центах от шири-

 

 

 

 

ны/высоты окна.

<TABLE>,

 

Целое число

Для всех ячеек,

<HR>,

 

 

 

 

без размерности

находящихся в

<TH>,

 

 

или со знаком %

строке/столбце,

<TD>,

 

 

 

используется

<IMG>

HEIGHT=

 

максимальное

 

 

 

 

значение из за-

 

 

 

 

данных в ее/его

 

 

 

 

ячейках

 

 

 

22

 

 

 

 

 

Окончание табл. 3

 

 

 

 

 

 

Действие

В каких те-

Атрибут

Возможные значения

гах исполь-

атрибута

 

 

зуется

 

 

 

 

Целое число

Толщина линии,

<HR>,

SIZE=

без размерности

размер шрифта

<FONT>

 

(по умолчанию 1)

 

 

 

 

 

Тип нумерации

 

TYPE=

1, A, a, i, I

элементов упоря-

 

 

 

доченного списка

<OL>

START=

Номер первого элемента в выбранном типе

 

нумерации

 

 

 

 

 

23

СОДЕРЖАНИЕ

ВВЕДЕНИЕ…………………..…………………………………….. 3 ЛАБОРАТОРНАЯ РАБОТА № 1. Форматирование текста

вHTML-докуметах …………….………………………................. 3 ЛАБОРАТОРНАЯ РАБОТА № 2. Создание таблиц

вHTML-документах …………………..…………………............... 7 ЛАБОРАТОРНАЯ РАБОТА № 3. Подключение дополнитель-

ных файлов к HTML-документу……………………...……………

11

ЛАБОРАТОРНАЯ РАБОТА № 4. Разделение окна Explorer

 

на фреймы ……………………………………………...…………..

15

ЛАБОРАТОРНАЯ РАБОТА № 5. Создание собственного

 

сайта по индивидуальному заданию ……………………………..

18

СПИСОК ЛИТЕРАТУРЫ…………....…………………………….

19

ПРИЛОЖЕНИЕ…………..…………………………………………

20

Таблица 1. Основные теги форматирования и компоновки

 

текста .………………………………………..…………………….

20

Таблица 2. Теги внесения ссылок на дополнительную

 

информацию .……………………………………………………...

21

Таблица 3. Основные атрибуты (первое из перечисленных

 

значений – значение по умолчанию) .……………………………

21

24

Петрунина Елена Борисовна

ЛАБОРАТОРНЫЕ РАБОТЫ ПО ТЕМЕ

«ОСНОВЫ НТМL»

Учебно-методическое пособие

Ответственный редактор

Т.Г. Смирнова

Редактор

Л.Г. Лебедева

Компьютерная верстка

Н.В. Гуральник

Дизайн обложки

Н.А. Потехина

Подписано в печать 05.02.2013. Формат 60×84 1/16

Усл. печ. л. 1,63. Печ. л. 1,75.

Уч.-изд. л. 1,63

Тираж 200 экз. Заказ №

С 5

НИУ ИТМО. 197101, Санкт-Петербург, Кронверкский пр., 49 ИИК ИХиБТ. 191002, Санкт-Петербург, ул. Ломоносова, 9

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]