Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Lab_rab_1LKhF_14-15.doc
Скачиваний:
1
Добавлен:
01.07.2025
Размер:
2.73 Mб
Скачать

Задание 2

  1. Открыть блокнот и создать html-страничку, имеющую заголовок документа – Вторая страничка Иванова Петра (фамилия и имя должны быть вашими).

  2. После ввода очередного тега просматривать созданную html-страничку.

  3. Ввести 2 абзаца текста описывающих специальность на которой учитесь..

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

  5. Перед каждым абзацем задать заголовок.

  6. Каждый заголовок сделать своим начертанием и цветом.

  7. Провести горизонтальную линию.

  8. Под линией вывести маркированный список дисциплин и нумерованный список кафедр вашего факультета.

  9. Оформить бегущей строкой приветствие себе.

  10. Сохранить документ в вашей папке, добавив к имени «3»(*3.html).

Задание 3

  1. Открыть блокнот и создать html-страничку, имеющую заголовок документа – Третья страничка Иванова Петра (фамилия и имя должны быть вашими).

  2. Отформатировать страницу с помощью таблицы, имеющей 2 сроки и 3 столбца.

  3. Ввести в ячейки первой строки рисунки и подписи к ним, осуществив различное их выравнивание, а ячейки второй строки закрасить их разными цветами или фоновыми рисунками и вставить гиперссылки на странички, созданные вами ранее.

  4. Сохранить документ в вашей папке, добавив к имени «4»(*4.html).

Просмотреть созданную html-страничку.

Справочная информация:

Атрибут

Назначение

<html>… </html>

открывает и закрывает HTML-документ

<head> ... </head>

начало и конец заголовка документа

<title> ... </title>

название документа

<body> ... </body>

начало и конец тела HTML-документа

<br>

переход на новую строку

<p> ... </p>

переход к началу абзаца

<h1> ...</h1> − <h6> ... </h6>

заголовки шести различных уровней

<h1 align=center ( right, left)

Выравнивание по центру (правому, левому краю)

bgcolor

определяет цвет фона документа

text

определяет цвет текста документа

background

задает фоновое изображение

<font color=”значение цвета”>текст</font>

задает цвет текста

<font size=”значение размера”>текст</font>

задает размер шрифта текста

<font face=” гарнитура шрифта”>текст</font>

задает гарнитуру шрифта

<b>… </b>

жирный

<i>…</i>

курсив

<u>…</u>

подчеркивание

<ul> … </ul>

маркированный список

<li>

начало нового элемента списка

<оl> и </оl>

нумерованный список

type=”disk”( circle, square)

изменение маркера списка

type=”a”( a, i, i, 1)

изменение номера списка

<hr>

горизонтальная линия

<marquee>…</marquee>

бегущая строка

width =

Ширина области бегущей строки в пикселях или в % от высоты экрана.

direction =

Определяет направление бегущей строки (right - движение в правую сторону, left - движение справа налево, down - движение сверху вниз, up - движение вверх).

loop =

Задает, сколько раз будет прокручиваться бегущая строка ( n – равно количеству «прокруток», infinite – бесконечно (по умолчанию)).

scrollamount=

Скорость движения контента

hight=

Высота бегущей строки (в пикселях или в % от высоты экрана )

<caption> ... </caption>

заголовок таблицы

<caption align=top>

заголовок над таблицей

<caption align= bottom >

заголовок под таблицей

<table> …</table>

начало и конец таблицы

<th> …. </th>

задают начало и конец ячейки в заголовках строк и столбцов

<td>…</td>

начало и конец ячейки

<tr>…</tr>

..

начало и конец строки

align=

выравнивание данных по горизонтали (left, right, center)

valign=

выравнивание данных по вертикали (top, middle, bottom)

width=

ширина (в %, пикселях)

height=

высота (в %, пикселях)

colspan=

протяженность в несколько столбцов

rowspan=

протяженность в несколько строк

border=

отображение границ ячеек и внешней рамки таблицы

<img src="имя файла.jpg">

размещение рисунка

<А href="page2.html”>Cтраница2</A>

ссылка на страницу2 (page2.html)


Код

Цвет

Значение

000000

Черный

black

FFFFFF

Белый

white

FF0000

Красный

red

00FF00

Зеленый

green

0000FF

Синий

blue

Лабораторная работа №17 Язык гипертекстовой разметки html. Изображения-карты. Фреймовая технология - разбиение web-страницы на несколько частей

ЦЕЛЬ РАБОТЫ: Освоить навыки создания html-документа с использованием изображения-карты и фреймовой технологии .

ЗАДАНИЕ ДЛЯ ВЫПОЛНЕНИЯ РАБОТЫ

  1. Создать html-страничку представляющую вашу работу в течение семестра.

  2. Страница должна быть разбита на 4 фрейма.

  3. В одном фрейме должен быть список лабораторных работ, выполненных вами в этом семестре и ссылки при выборе которых в другой фрейм будут выводиться на страницы, представляющие результаты вашей работы.

  4. В представляемых вами страницах должны быть использованы следующие элементы языка HTML: форматирование при помощи таблицы, рисунки, различные шрифты и цвета, бегущая строка, горизонтальная линия, списки.

  5. В другом фрейме должен быть рисунок, представляющий собой изображение-карту с соответствующими ссылками. При выборе определенной части изображения, в другом фрейме (например, слева) должно отображаться описание, соответствующее выделенной в данный момент области изображения.

1 Шаблон поиска ??????76 или *76

2 Шаблон поиска С*

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