Практична робота № 1. "Створення HTML-документу. Форматування символів у ньому"

Практическая работа № 1
«Создание HTML-документа. Форматирование символов в нем. Оформление списков»
1. Создайте в своей папке текстовый документ с помощью программы «Блокнот», назовите его «index» и укажите расширение .html
2. Откройте созданный документ и наберите структуру HTML-документа.
'<'html'>'
'<'head'>'
'<'title'><'/title>'
'<'/head'>'
'<'body'>'
'<'/body'>'
'<'/html'>'
3. В заголовке будующей Веб-страницы укажите «Сайт общеобразовательной школы № 35 г. Краматорска Донецкой области»
4. Сделайте желтый (yellow) фон вашей Веб-страницы, используя атрибут тега BODY – BGCOLOR.
5. В самом верху Веб-страницы разместите название своего сайта, дублируя заголовок, при этом установите цвет заголовка синим, установите наивысший уровень заголовка, выравнивание - по центру, полужирное начертание.
6. С абзаца создайте маркированный список, который в последствии будет служить нам в качестве МЕНЮ сайта. Заметьте, что в нем имеется также нумерованный список. (см. ниже)
Для этого используйте тег '<'ul'>''<'/ul'>
- неупорядоченный список. '<'ol'>''<'/ol'>
- упорядоченный. Помните, что каждый элемент списка должен начинаться с тега
'<'li'>' и заканчиваться его закрытием '<'/li'>'

.

• ГЛАВНАЯ
  
• ИСТОРИЯ ШКОЛЫ
  
• САМОУПРАВЛЕНИЕ
  
• НОВОСТИ
  
• РАСПИСАНИЕ УРОКОВ
  I. Смена
  II. Смена
  
• ФОТОГАЛЕРЕЯ
  
• ТРАДИЦИИ ШКОЛЫ

7. При этом обратите внимание, что размер элементов маркированного списка должен быть 3 уровня, элементов упорядоченного списка – 4 уровня и все меню оформлено виде полужирного начертания. Результат смотрите ниже.