Методичка по Веб. Методичка 2курсWEB. 1. Ввод и форматирование текста Webстраницы 4

• Название: 1. Ввод и форматирование текста Webстраницы 4
• Анкор: Методичка по Веб
• Дата: 25.12.2022
• Размер: 0.95 Mb.
• Имя файла: Методичка 2курсWEB.docx
• Тип: Контрольная работа; #862540
• страница: 3 из 9

Практические задания

1. 
   Создать Web-страницу с использованием основных тэгов.
   
   1. 
      Задать поля: верхнее и нижнее – 50 пикселей, правое и левое – 20 пикселей
      
   2. 
      Задать цвет фона и текста страницы
      
   3. 
      Дать имя заголовку страницы: «Моя первая страница»
      
2. 
   Оформить текст на странице по образцу: (ПЗ1_Образец текста.jpg)
   
   1. 
      Слова «Форматирование текста» оформить как заголовок первого уровня, выровнять по центру, задать гарнитуру шрифта Calibri, пурпурный цвет текста, размер 5
      
   2. 
      Слова «Преформатированный текст» выровнять по центру
      
   3. 
      Таблицу оформить используя тэг

      
       
      Слово «Формулы:» применить 4 размер шрифта и синий цвет текста
       
      Все формулы оформить курсивом
       
      Слова «Выравнивание по правому краю» сделать подчеркнутыми и выровнять по правому краю
       
      Слово «Завершение» оформить желтого цвета и 4 размера
      

2. Создание списков в HTML

Нумерованные списки

Для создания нумерованного списка используется комбинация двух пар тэгов. Тэги

…

устанавливают начало и конец нумерованного списка, а тэги

…

отмечают отдельные пункты списка.

Пример:

Типы списков

1. Нумерованный



2. Маркированный



3. Многоуровневый

По умолчанию пункты списка нумеруются последовательно цифрами 1,2,3 и т.д. Чтобы изменить способ нумерации пунктов списка нужно воспользоваться атрибутом type.

Типы нумерованных списков устанавливаются с помощью атрибута type. Значения атрибута typeперечислены в таблице

Значение атрибута TYPE	Тип нумерации пунктов списка
‘1’	1, 2, 3, 4, ……
‘i’	i, ii, iii, iv,……
‘I’	I, II, III, IV,..
‘a’	a, b, c, d,….
‘A’	A, B, C, D,…

Маркированный список

Маркированный список применяется для перечисления неупорядоченных объектов. Маркированный список задается тэгами

…

, элементы списка тэгами

…

.

По умолчанию обозреватель маркирует пункты списка черными кружочками. С помощью атрибута typeможно изменить тип маркера. Если typeуказать в тэге

, то поменяется маркер для всего списка, а если typeуказать в
• , то маркер поменяется только для текущего пункта списка, а остальные пункты останутся неизменными. Значения атрибута typeперечислены в таблице:
  

  Значение атрибута TYPE	Маркер
  ‘disk’
  ‘circle’
  ‘square’

  
  Пример:
  
  Маркированный список
  
  
  
  
  
  • Яблоко
  
  
  
  • Груша
  
  
  
  • Слива
  
  
  
  • Вишня
  
  
  
  • Черешня
  
  
  
  
  Многоуровневый список
  В случае существования иерархии пунктов списка удобно использовать многоуровневые списки. Многоуровневый список создается с помощью добавления нового списка в старый. Рассмотрим пример, как это делается:
  
  Многоуровневый список
  
  
  
  
  
  1. Нумерованный
  
  
  
  
  
  
  1. Пункт 1
  
  
  
  2. Пункт 2
  
  
  
  3. Пункт 3
  
  
  
  
  
  
  2. Маркированный
  
  
  
  
  
  
  • Первый вариант
  
  
  
  • Второй вариант
  
  
  
  • Третий вариант
  
  
  
  
  
  
  
  
  Бегущая строка
  
  Бегущая строка – это анимационный эффект, при котором строка текста перемещается по странице один раз, несколько раз или постоянно. Для создания бегущей строки используется специальный тэг . Атрибуты этого тэга контролируют параметры перемещения текста.
  
  1. 
     BEHAVIOR – способ выполнения эффекта бегущей строки:
     
  1. 
     Scroll –текст исчезает за краем страницы;
     
  2. 
     Slide – после выполнения заданного числа циклов, текст остается у левого или правого поля страницы;
     
  3. 
     Alternate – направление перемещения текста в строке меняется на противоположное, после выполнения каждого цикла. По завершению последнего цикла текст остается у края страницы.
     
  2. 
     BGCOLOR – цвет фона бегущей строки.
     
  3. 
     DIRECTION – направление перемещения текста:
     
  1. 
     Left – влево;
     
  2. 
     Right – вправо.
     
  4. 
     HEIGHT – высота бегущей строки.
     
  5. 
     HSPACE – отступ в пикселях текста бегущей строки от левого и правого полей.
     
  6. 
     LOOP – число показов текста в строке:
     
  1. 
     ? – целочисленное значение, указывающее число повторов;
     
  
  Infinite – бесконечное повторение эффекта по циклу.
  
  7. 
     SCROLLAMOUNT – смещение текста в пикселях за один шаг.
     
  8. 
     SCROLLDELAY – временной промежуток между смещениями в миллисекундах, по умолчанию 60 мс.
     
  9. 
     VSPACE – отступ в пикселях по вертикали от текста до рамки бегущей строки.
     
  10. 
      TRUESPEED – минимальное значение смещения текста, по умолчанию 60 мс.
      
  11. 
      WIDTH – ширина бегущей строки в пикселях.
      
  
  Пример:
  
  
  
  Этот текст остановится у края страницы
  
  
  
  
  
  Этот текст перемещается слева направо
  
  
  
  
  
  Фон данного текста синий
  
  
  
  Вставка линии
  
  Линия вставляется одиночным тэгом

  ---

  , который имеет следующие атрибуты:
  
  1. 
     color – цвет линии
     
  2. 
     size – толщина линии в пиксилях