Презентация на тему "Создание WEB-страниц с помощью HTML"

Содержание

• 
  Слайд 1

  Создание WEB-страницс помощью HTML

• 
  Слайд 2

  Структура программы

  Заголовок html-документа Главная часть документа

  ……..

  ……..

• 
  Слайд 3

  Структура заголовка

  Заголовок содержит необходимые для работы с документом сведения: название документа, позиция в сети, связи с другими документами и т.д. Например:

• 
  Слайд 4

  Структура главной части

  В главной части документа располагается содержимое самой Web-страницы с графикой, текстом и гиперссылками на другие ресурсы Internet.

• 
  Слайд 5

  Дескрипторы

  (оливковый цвет фона)

  Например:

• 
  Слайд 6

  Работа с текстом в документе

  Форматирование заголовков всех типов производится посредством дескрипторов

  …..   соответствует верхнему уровню в иерархии заголовков, - нижнему. Для форматирования заголовков используется атрибут align: Align=left – располагает заголовок по левому краю текста; Align=center – центрирует заголовок; Align=right – смещает заголовок к правому краю. Например: Заголовок страницы
• 
  Слайд 7

  Создание абзаца

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

  и

  , в котором может быть использован атрибут align. Например:

  Это текст выравненный по центру

• 
  Слайд 8

  Форматирование шрифта

  Изменение шрифта текста осуществляется с помощью дескриптора . Этот дескриптор допускает использование следующих атрибутов: Color=Цвет – задает цвет шрифта; Например:

  Это текст выравненный по центру

• 
  Слайд 9
  

  Face=Шрифт – задает вид шрифта; Например:

  Это текст выравненный по центру

• 
  Слайд 10
  

  Size=n – задает размер шрифта. Например:

  Это текст выравненный по центру

• 
  Слайд 11
  

  Полужирный шрифт Дескриптор , - позволяет отобразить текст полужирным шрифтом Жирный текст Курсивный текст Дескриптор , - позволяет отобразить текст курсивным шрифтом Курсивный текст

• 
  Слайд 12

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

  Маркированные списки Создание такого списка производится посредством пары дескрипторов

  • ,

  .Эта пара дескрипторов автоматически формирует список. Этот дескриптор может использовать атрибутtype, для задания маркера: Type=disc – в качестве маркера используется закрашенный кружок; Type=circle– в качестве маркера используется незакрашенный кружок; Type=square– в качестве маркера используется квадратик; Каждый элемент списка описывается с помощью дескриптора

  •  
• 
  Слайд 13
  

  Например:

  Списки могут быть

  • Нумерованные
  • Маркированные
  • Многоуровневые
• 
  Слайд 14
  

  Нумерованные списки Создание такого списка производится посредством пары дескрипторов

  1. ,

  . Дескриптор

  1. может использоватьатрибут type, для задания способа нумерации: Type=1 – нумерация выполняется арабскими цифрами; Type=А– нумерация выполняется прописными буквами; Type=а– нумерация выполняется строчными буквами; Type=I– нумерация выполняется большими римскими цифрами; Type=i– нумерация выполняется малыми римскими цифрами;
• 
  Слайд 15
  

  Например:

  1. Нумерованные
  2. Маркированные
  3. Многоуровневые
• 
  Слайд 16

  Создание таблиц

  Формирование таблицы осуществляется дескрипторами И

  . В этом дескрипторе задаются глобальные опции таблиц.

• 
  Слайд 17
  
• 
  Слайд 18
  

  Таблицы в html состоят из строк, а строки из ячеек. Дескриптор начинает строку, а заканчивает. Между этими дескрипторами располагаются дескрипторы, описывающие ячейки - или .

• 
  Слайд 19
  
• 
  Слайд 20
  

  В html различают две категории ячеек: ячейки заголовков () и ячейки данных (). Содержимое ячейки данных горизонтально выравнивается по левому краю. Содержимое ячейки заголовка горизонтально выравнивается по центру и выделяется полужирным шрифтом.

• 
  Слайд 21
  
• 
  Слайд 22
  
• 
  Слайд 23
  

  Текст программы:

  Списокдисциплин № Наименование дисциплины 1. Математика 2. Инфopмaтикa