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

1. Ознакомиться с теоретическими сведениями.

2. Создать чистую html-страницу. Присвоить ей свое имя, используя тэг <title>. Написать сведения о себе.

3. Задать фон страницы (любой из списка). Присвоить второй цвет той текстовой информации, которая была записана, и выделить третьим цветом первое слово из текста.

4. Разместить первое слово текста по центру страницы, а весь остальной текст разместить по правому краю.

5. Выделить первое слово подчеркнутым шрифтом, задав ему наибольшие размеры. Весь остальной текст выделить наклонным шрифтом и, пользуясь тэгом <font>, задать последнему слову текста размер «-2».

6. Разместить на странице какой-либо из имеющихся на компьютере рисунков. Разместить его по левому краю. Справа и сверху от рисунка вставить его краткое описание. Дать ему название и вписать его с помощью тэга <alt>. Заключить рисунок в рамку.

7. Создать еще один html-файл и разместить его в той же папке, что и первый. Использовать тот же рисунок для задания фона в новом файле. Затем в первом файле создать ссылку на второй файл, поместив ее ровно под рисунком.

8. Сохранить созданный файл и просмотреть его в браузере.

9. Показать преподавателю полученные результаты.

22.3 Содержание отчета

1. Цель работы.

2. Краткие теоретические сведения.

3. Письменные ответы на контрольные вопросы по указанию преподавателя.

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

1. Для чего предназначен язык разметки html?

2. Какие тэги являются обязательными?

3. Какой тэг нужно использовать, если в тексте надо только одно слово выделить другим цветом?

4. Каким образом задается фон страницы?

5. Как сделать текст прилегающим к правой стороне страницы?

6. Сколько значений имеет тэг <h >?

7. Как в тексте выделить только одно слово другим шрифтом?

8. Как вставляются в файл рисунки, и какие действия можно применить к тексту, сопровождающему эти рисунки?

9. Что такое активная ссылка?

10. Как прописывается в ссылку почтовый адрес?

ЛАБОРАТОРНАЯ РАБОТА № 23

Язык html. Оформление простейших web-страниц

Цель работы: научиться создавать с помощью html-кода списки и таблицы.

23.1 Теоретические сведения

23.1.1 Списки

В языке разметки HTML информация может быть представлена в виде списков, аналогичных маркированным спискам WORD:

• Текст один

• Текст другой

• Текст третий

• Текст четвертый.

Список состоит из тега-контейнера списка, определяющего его тип, и стандартных тэгов <li> , предваряющих каждый пункт списка. Упорядоченный список открывается тегом <ol>, а каждый его пункт стандартным тегом <li>.

Списки прописываются следующими тэгами:

<ol>

<li>Текст один</li>

<li>Текст другой</li>

<li>Текст третий</li>

<li>Текст четвертый</li>

</ol>

Вид маркеров в списке можно изменить:

(1) – закрашенный кружочек (disk) ●;

(2) – не закрашенный кружочек (circle) ○;

(3) – не закрашенный квадратик (square) □.

У тэга <li> есть параметр type:

В случае (1) - <li type="disk">

В случае (2) - <li type="circle">

В случае (3) - <li type="square">

Табуляция задается следующим образом: <ul>Ваш текст</ul>.

Чтобы отступ (табуляция) был больше, надо вкладывать тэг <ul> в самого себя:

<ul><ul>Два отступа</ul></ul>

<ul><ul><ul>Три отступа</ul></ul></ul>