Презентация на тему "Создание html-документов"

Содержание

• 
  Слайд 1

  Создание html-документов

• 
  Слайд 2

  Основныепонятия

  2/18 HTML-документ- это текстовый файл с расширением .html или .htm, в котором текст размечен HTML-тегами HTML, Hyper Text Markup Language - язык разметки гипертекста Элементы разметки состоят из заключённых в угловые скобки () дескрипторов - тэгов(tags) и их атрибутов

• 
  Слайд 3

  Создание и просмотр html-документа

  3/18 HTML-документ можно создать двумя способами:- используя обычный текстовой редактор;- используя специализированный HTML редактор или конвертер Документы, написанные на HTML, просматриваются специальными программами - Web-браузерами, которые форматируют набор тегов из текстового файла в привычные документы Web

• 
  Слайд 4

  Тег

  4/18 Теги можно разделить на две основные категории: структурныетеги, описывающие свойства документа; форматирующиетеги, определяющие вид документа в браузере Все теги заключаются в угловые скобки . Тэги бывают одиночные и двойные. Одиночные - просто говорят компьютеру что-то сделать, например, тэг говорит перевести строку; а двойные - говорят, что надо что-то сделать с текстом, содержащимся между открывающим и закрывающим тэгом. Закрывающий тэг отличается от открывающего наличием символа / (слэша) , например

  и Совокупность открывающего () и закрывающего () тегов - называется контейнер
• 
  Слайд 5

  Структура html-документа

  5/18 Первым тегом в документе должен быть тег , а последним Сразу после тега должна идти заголовочная часть документа, которая заключена между тегами . Между этими тегами помещаются разнообразные сведения, однако наиболее важным элементом является название документа, которое появляется в строке заголовка окна браузера Чтобы дать название HTML-документу, поместите текст между парой

  в заголовочной части. Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами . Первый из них должен стоять сразу после тега , а второй - перед тегом
• 
  Слайд 6

  Разметкапустого html-документа

  6/18

  Заглавие страницы
• 
  Слайд 7

  Атрибуты тега

  7/18 Внешний вид (цвет текста, цвет ссылок и др.) HTML-докумета зависит от атрибутов тега

  TEXT. Этот атрибут определяет цвет текста документа. По умолчанию берется черный BGCOLOR. Этот атрибут задаёт цвет фона документа. Взятый по умолчанию цвет зависит от браузера BACKGROUND. В качестве фона документа можно использовать изображение. Для этого необходимо использовать этот атрибут со значением image.gif или image.jpg, где image - это имя файла изображения с указанием пути к нему LINK. Определяет цвет непосещенных гиперссылок VLINK. Определяет цвет посещенных гиперссылок ALINK. Определяет цвет активных гиперссылок
• 
  Слайд 8

  Теги для структурного форматирования 1/2

  8/18 - шесть уровней заголовков Атрибут: align - тип выравнивания (left, center и right) Пример. Текст заголовка - разделительные линии Атрибуты : color - цвет линии; height - высота в пикселах; width - ширина в пикселях или процентах от ширины экрана; align - тип выравнивания. Пример.

• 
  Слайд 9

  Теги для структурного форматирования 2/2

  9/18

  - абзац Атрибут: align - тип выравнивания (left, center и right) Пример.

  Текст абзаца

  - переход на новую строку - комментарии к исходному коду - выравнивание по центру Пример. текст
• 
  Слайд 10

  Организация в списки4/1

  10/18

  - для задания нумерованных списков. Атрибуты: type (1, A, a, I или i) для задания вида нумерации; start для указания, с какого индекса начинается нумерация списка. Элемент
  включает в себя дополнительный элемент
  1. , который задает элементы списка. Пример.
     1. элемент списка
     2. элемент списка
• 
  Слайд 11

  Организация в списки4/2

  11/18

  - для задания ненумерованых списков. Включает в себя дополнительный элемент
  • , который задает элементы списка Атрибут: type (circle,square, или disc) для задания вида маркера. Пример.
    • элемент списка
    • элемент списка
• 
  Слайд 12

  Организация в списки4/3

  12/18

  - для задания словарей, глоссариев и прочих перечней. Включает в себя дополнительные элементы и , которые обозначают соответственно термин и определение Пример. термин 1 определение 1 термин 2 определение 2
• 
  Слайд 13

  Организация в списки4/4

  13/18

  - для создания списков по логическому определению, такие списки могут связываться с другими элементами документа логически Пример.
• элемент списка
• элемент списка