ЗАДАНИЕ ДЛЯ ВЫПОЛНЕНИЯ РАБОТЫ
| <html>… </html> | открывает и закрывает HTML-документ |
| <head>... </head> | начало и конец заголовка документа |
| <title>... </title> | название документа |
| <body>... </body> | начало и конец тела HTML-документа |
1. Открыть блокнот и создать html-страничку, имеющую заголовок документа – Первая страничка Иванова Петра (фамилия и имя должны быть вашими) и текст – Вас приветствует студент 1-го курса 3 группы СПС Иванов Петр!.
2. Сохранить ее в вашей папке, присвоив ей имя с расширением *.html.
3. Просмотреть созданную html-страничку.
| <br> | переход на новую строку |
| <p>... </p> | переход к началу абзаца |
| <h1>...</h1> − <h6>... </h6> | заголовки шести различных уровней |
| <h1 align=center (right, left) | Выравнивание по центру (правому, левому краю) |
4. Открыть созданную вами html-страничку и добавить в нее два абзаца текста (ваша биография).
5. Перед каждым абзацем вставить заголовок и выровнять его любым способом (размер заголовка определить самостоятельно).
6. Сохранить документ в вашей папке, добавив к имени «1 »(*1.html).
7. Просмотреть созданную html-страничку.
| Код | Цвет | Значение |
| Черный | black | |
| FFFFFF | Белый | white |
| FF0000 | Красный | red |
| 00FF00 | Зеленый | green |
| 0000FF | Синий | blue |
| bgcolor | определяет цвет фона документа |
| text | определяет цвет текста документа |
| background | задает фоновое изображение |
8. Открыть созданную вами html-страничку и изменить в ней цвет фона.
9. Изменить цвет и выравнивание каждого абзаца (каждого по своему).
10. Сохранить документ в вашей папке, добавив к имени «2 »(*2.html).
11. Просмотреть созданную html-страничку.
Лабораторная работа №6
ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ HTML. ФОРМАТИРОВАНИЕ ТЕКСТА
Цель работы:. Освоить навыки создания html-документа с использованием различных шрифтов, списков, бегущей строки.
|
|
ЗАДАНИЕ ДЛЯ ВЫПОЛНЕНИЯ РАБОТЫ
1. Открыть блокнот и создать html-страничку, имеющую заголовок документа – Вторая страничка Иванова Петра (фамилия и имя должны быть вашими).
| <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> | бегущая строка |
.
2. После ввода очередного тега просматривать созданную html-страничку.
3. Ввести 2 абзаца текста описывающих специальность на которой учитесь..
4. Задать для каждого абзаца свой цвет, размер и гарнитуру.
5. Перед каждым абзацем задать заголовок.
6. Каждый заголовок сделать своим начертанием и цветом.
7. Провести горизонтальную линию.
8. Под линией вывести маркированный список дисциплин и нумерованный список кафедр вашего факультета.
| Атрибут | Назначение |
| width = | Ширина области бегущей строки в пикселях или в % от высоты экрана. |
| direction = | Определяет направление бегущей строки (right - движение в правую сторону, left - движение справа налево, down - движение сверху вниз, up - движение вверх). |
| bgcolor = | Определяет цвет фона бегущей строки. |
| loop = | Задает, сколько раз будет прокручиваться бегущая строка (n – равно количеству «прокруток», infinite – бесконечно (по умолчанию)). |
| scrollamount= | Скорость движения контента |
| hight= | Высота бегущей строки (в пикселях или в % от высоты экрана) |
9. Оформить бегущей строкой приветствие себе.
|
|
10. Сохранить документ в вашей папке, добавив к имени «3 »(*3.html).
Лабораторная работа №7
ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ HTML. РАБОТА С ТАБЛИЦАМИ, РИСУНКАМИ, ГИПЕРССЫЛКАМИ.
Цель работы:. Освоить навыки создания html-документа с использованием таблиц, гиперссылок, рисунков.
ЗАДАНИЕ ДЛЯ ВЫПОЛНЕНИЯ РАБОТЫ
| <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= | протяженность в несколько строк |
| bgcolor= | цвет фона |
| border= | отображение границ ячеек и внешней рамки таблицы |
| <img src="имя файла.jpg"> | размещение рисунка |
| <А href="page2.html”>Cтраница2</A> | ссылка на страницу2 (page2.html) |
1. Отформатировать страницу с помощью таблицы, имеющей 2 сроки и 3 столбца.
2. Ввести в ячейки первой строки рисунки и подписи к ним, осуществив различное их выравнивание, а ячейки второй строки закрасить их разными цветами или фоновыми рисунками и вставить гиперссылки на странички, созданные вами ранее.
|
|
3. Сохранить документ в вашей папке, добавив к имени «4 »(*4.html).
4. Просмотреть созданную html-страничку.
Лабораторная работа №8
ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ HTML. САМОСТОЯТЕЛЬНАЯ РАБОТА
Цель работы:. Закрепить навыки создания html-документа.