Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторная по HTML.docx
Скачиваний:
0
Добавлен:
01.04.2025
Размер:
71.85 Кб
Скачать

Практическая часть Задание 1.

    1. Запустите программу "Блокнот" (notepad.exe). Создайте файл с именем и расширением <Ваша фамилия>.htm.

    2. В этом файле напечатайте текст HTML-страницы (в ней обязательно должен присутствовать заголовок и комментарий). HTML-страница должна отображать в окне браузера какую-нибудь строку.

    3. Допишите текст страницы так, чтобы получилось два абзаца произвольной тематики. При этом первый абзац должен быть выровнен по центру, а второй - по левому краю. Шрифт первого абзаца должен быть "bold" (жирный), "underline" (подчёркнутый) и на размер больше второго, а шрифт второго абзаца – "italic" (курсив). Задайте разные шрифты для абзацев.

    4. Добавьте в Web-документ после второго абзаца гиперссылку на сайт МГТУ им. Н.Э.Баумана.

    5. Измените вид странички следующим образом:

Задайте отличные от установленных по умолчанию цвета: текста, фона и гиперссылок. Задайте отступ для строки от верхнего и левого края окна браузера. Сделайте так, чтобы цвет второго абзаца был отличен от первого.

    1. Вставьте между абзацами картинку из пункта 1 и обведите её рамкой с толщиной более 1 пикселя. Установите текст второго абзаца справа от картинки на определённом расстоянии.

    2. Добавьте после абзаца с картинкой и до гиперссылки красную нерельефную линию шириной в 2 пикселя и длиной 80% от ширины окна браузера, выровняв её по середине странички.

    3. Просмотрите свою страницу (если это возможно) в двух различных браузерах.

Задание 2.

  1. В блокноте создайте три различных файла *.htm, содержащих ссылки на файл первого задания данной лабораторной работы.

  2. Вставьте разделительную горизонтальную линию во всю ширину окна.

  3. Откройте для редактирования файл из первого задания в блокноте. Создайте упорядоченный список из трёх пунктов, содержащих ссылки на файлы из пункта 1. Нумерация начинается с 3 и должна отображаться маленькими римскими цифрами.

  4. После второго пункта нумерованного списка создайте вложенный ненумерованный список, содержащий какие-нибудь строки. Задайте тип маркера. Список должен выводится в "компактном" виде (атрибут COMPACT).

  5. В ненумерованном списке задайте тип маркера – картинка bullet.jpg (../common/bullet.jpg)

  6. Создайте из абзацев в начале страницы (задание 1), предварительно озаглавив их, список определений.

  7. Вставьте разделительную линию.

  8. Создайте таблицу из 3 строк и 4 столбцов с рамкой толщиной 2 пикселя, выровняв её по центру. Ширина таблицы – 80% окна, высота – 120 пикселей. Первую строку таблицы ничем не заполняйте, вторую строку заполните специальным символом пустого пространства ( ), а третью строку заполните ссылками на три файла из пункта 1. Первая ячейка (ссылка) третьей строки должна быть выровнена по левому и верхнему краям ячейки, вторая – по центру, третья – по правому и нижнему краям. Объедините ячейки 2:2 и 2:3, 2:4 и 3:4. Цвет трёх строк таблицы должен быть разным. Установите цвет рамки таблицы.

  9. Задайте таблице заголовок.

  10. Просмотрите (если это возможно) HTML-страницу в двух различных браузерах.