Лабораторная работа №3
1. Вставим рисунок в Web-документ.
2. Скопируем рисунок в формате jpg, png или gif в рабочую папку (в которой находится ваш файл HTML).
3. После элемента заголовка раздела <h1 align=center>Лабораторная работа</h1> вставьте новую строку с кодом, который обеспечивает включение рисунка с рамкой в документ:
<img src=Имя рисунка.jpg border=1>
атрибут src указывает имя файла, width и height задают ширину и высоту рисунка в пикселях или в процентах.
4. Установите размеры рисунка 200х100 пикселей и выровняйте рисунок по центру с помощью тегов <center> </center>.
5. Сохраните изменения в документе.
Лабораторная работа №4
1. Создайте новый документ HTML. Назовите его «Список»
2. Ниже тега <body> введите <h2 align=center> список предстоящих экзаменов </h2>.
3. Создайте маркированный список предстоящих экзаменов. В качестве маркеров студенты сидящие за компьютерами с четными номерами используют квадраты, остальные студенты используют маркеры в форме пустых окружностей. (Если на компьютерах отсутствуют номера, то нумерация компьютеров происходит от дери по часовой стрелке.) Для создания маркированного списка используется пара тегов <ul> </ul> которая ограничивает список. Каждый элемент списка должен начинаться тегом <li>, причем нет необходимости закрывать данный тег. Для указания конкретного вида маркера в теге <li> предусмотрен атрибут type. Значение атрибута disk задает отображение маркера в виде закрашенных кружков, circle — в форме пустых окружностей, square — в виде закрашенных квадратиков. По умолчанию маркеры имеют форму окружности.
Пример:
<ul>
<li>Математика
<li>Информатика
<li>История
<li>Философия
<li>Биология
</ul>
4. Ниже списка экзаменов создайте заголовок «список зачетов» и введите их пронумерованный список. Первый элемент списка должен быть равен номеру вашего компьютера. Для компьютеров с четным номером нумерация идет римскими цифрами, для компьютеров с нечетными номерами английскими строчными буквами.
Для создания нумерованного списка следует воспользоваться тегом <ol>...</ol>. Каждый элемент списка должен начинаться тегом <li>. Тег <ol> имеет следующие атрибуты:
type
Указывает вид нумерации в списке. Значение атрибута 1 задает нумерацию в виде арабских цифр. А — с помощью прописных латинских букв, а— в виде строчных латинских букв, I — с помощью больших римских цифр, i — и виде маленьких римских цифр. По умолчанию элементы списка нумеруются арабскими цифрами.
start
Определяет номер первого элемента в списке. В качестве значения всегда нужно указывать натуральное число. Например если для строчных латинских букв значение данного атрибута 2 то нумерация списка будет начинаться с буквы b. По умолчанию значение атрибута равно 1.
Сохраните файл со списком в той же папке, где находится ваш первый файл.
5. Откройте первый файл. Создадим ссылку на новую страницу со списком. Для этого воспользуемся парой тегов <а> </а>. Ссылка состоит из 2-х частей видимой и адресной. Видимая часть выходит на экран и располагается между тегами <а> </а>. Адресная часть задается с помощью атрибута href тега <a> и содержит имя документа на который нужно сослаться, или его электронный адрес для загрузки из Интернета.
Пример
<а href= «список.html»> экзамены </а>.
Следует отметить, что вы можете установить нужный цвет указателя ссылки. Атрибут link тега <body> определяет цвет непросмотренной ссылки, vlink – просмотренной ссылки, alink – задает цвет ссылки в момент, когда на ней установлен указатель и нажата левая кнопка.
8. Закройте блокнот и сохраните изменения.
9. Обновите HTML в браузере и проверьте работоспособность ссылки.