Практическая работа №3–Абзацы

Практическая работа №3– Абзацы Задание 1. Заполнение страницы Задание 2.Форматирование текста Задание 3. Специальные символы (2 балла) (2 балла) (1балл) Задание 1. Заполнение страницы Создать HTML­страницу в HTML­редакторе HEFS. 1.1. Откройте HTML­редактор HEFS. 1.2. С  помощью  шаблонов  тегов  во   вкладке  меню  «Документ»  заполните основную структуру HTML­страницы: 1.3. С помощью шаблонов тегов во вкладке меню  «Документ»  в контейнер HEAD добавьте контейнер TITLE.1.4. В контейнер TITLE поместите текст «Информация». 1.5. В   контейнер  BODY  c  помощью  шаблонов   тегов  во   вкладке   меню «Абзац» поместите контейнеры H1 и P 1.6. В контейнер H1 поместите текст «Информация». 1.7. В контейнер P поместите текст: 1.8. Далее разместите в новом контейнере P текст: 1.9. Далее разместите в новом контейнере P текст: 1.10. Далее разместите в новом контейнере P текст: 1.11. Далее разместите в новом контейнере P текст: 1.12. Далее разместите в новом контейнере P текст: 1.13. Далее разместите в новом контейнере P текст: 1.14. Сохраните страницу под именем «information» в своей папке: Меню   → Файл  →  Сохранить как1.15. Нажмите кнопку «Показать в браузере» в редакторе: Покажите результат преподавателю:Задание 2. Выравнивание текста 2.1. С помощью  шаблонов тегов  во вкладке меню  «Документ»  добавьте в полученной странице к контейнеру BODY атрибут BGCOLOR (цвет фона страницы): Результат: 2.2. С   помощью   контейнеров    и    в   шаблонах   вкладки   «Текст» (выделяем  текст и  кликаем  по шаблону)  придайте нужным элементам текста жирный и \ или курсивный стиль:2.3. Замените знак минус на длинное тире с помощью спецсимволов (вкладка «Символы» в шаблонах): Результат: 2.4. С   помощью   контейнера  FONT  и   его   атрибутов   измените   формат отдельных слов текста:2.5. Выровняйте абзацы… Первый – по ширине. Третий – по левому краю. Второй, четвертый, шестой – по центру. …используя атрибут контейнера 

 ­ ALIGN : По левому краю По центру По правому По ширинеПокажите результат преподавателю: Задание 3. Разделительная линия 3.1. Далее   создайте   новый  подзаголовок  в   контейнере  H2,   а   после   него новый абзац с текстом требуемого стиля:3.2. Вставьте разделительную линию перед заголовком (тег 

---

): Настройте линию по вкусу, используя атрибуты:  SIZE — толщина линии в пикселях  WIDTH — ширина линии в пикселях или в процентах от ширины окна  ALIGN — выравнивание (LEFT, RIGHT или CENTER) На   профессиональных   сайтах   линии­разделители   практически   не используются,   поскольку   материал   на   странице   должен   разделяться заголовками разделов и подразделов. Покажите результат преподавателю: