НУЖНО СДЕЛАТЬ ВЕБ СТРАНИЦУ В html формате.
Загрузите документ ruskeala.html – заготовку для новой веб-страницы. Оформите страницу так, как на образце справа:
Уровень А:
1) В заголовке страницы () должны быть указаны фамилия и имя автора: «Работа Василия Иванова».
2) Выделите заголовок документа.
3) Выделите абзацы с нужного тэга, установите выравнивание по ширине.
4) Оформите перечисления как маркированный и нумерованный списки.
Уровень B:
5) Добавьте фотографии: одну с обтеканием влево, вторую – с обтеканием вправо, третью – в отдельном абзаце с выравниванием по центру.
6) Добавьте небольшой значок, обозначающий международную трассу E105.
Уровень А:
1) Для начала откроем заготовку страницы ruskeala.html в текстовом редакторе. Найдем тег
2) Чтобы выделить заголовок страницы, используем тег
вокруг фразы "Работа Василия Иванова". В итоге, строка должна выглядеть так:
Работа Василия Иванова
.3) Для выделения абзацев с нужного тега и установки выравнивания по ширине воспользуемся следующими шагами:
- Найдем все теги
, которые требуется выравнять;
- Добавим атрибут style к каждому из них, указывая значение text-align: justify. Это позволит выравнять текст по ширине;
- В итоге, каждая строка с тегом
должна выглядеть примерно так:
текст абзаца
.4) Для оформления перечислений как маркированных и нумерованных списков воспользуемся следующими шагами:
- Найдем каждый список, который требуется оформить;
- Заменим каждый тег
(нумерованный список) на
(маркированный список), или наоборот, в зависимости от задания;
- В итоге, каждый список будет выглядеть примерно так:
или
с подходящими элементами- .
для каждой фотографии и укажем ее адрес в атрибуте src. Например,
;
. Здесь значение align определяет обтекание влево, а margin-right добавляет отступ справа;
с атрибутом src, указывая путь к файлу значка. Например,
.
Уровень B:
5) Чтобы добавить фотографии с обтеканием влево, вправо и в отдельном абзаце с выравниванием по центру, воспользуемся следующими шагами:
- Добавим тег
- Чтобы обтекание работало, добавим атрибуты align и style к каждой фотографии, указав соответствующие значения. Например,
- Аналогично добавим фотографии с обтеканием вправо и выравниванием по центру. Важно указывать отступы (margin) для внешнего вида страницы.
6) Чтобы добавить международную трассу E105 в виде небольшого значка, воспользуемся следующими шагами:
- Найдем соответствующее изображение значка и сохраните его в той же папке, где находится html-файл. Пусть его имя будет "e105.png";
- Вставим тег
В итоге, после всех выполненных шагов, разработанная веб-страница должна соответствовать требованиям задания.
Это базовое решение, которое наиболее подробно объясняет каждый шаг. Однако, в зависимости от сложности задачи и требований школьника, возможны и более специфические подходы.