Презентация на тему: "Основные понятия HTML".

Государственное бюджетное профессиональное образовательное учреждение Камчатского края "Камчатский медицинский колледж"

Тема: « ОСНОВНЫЕ ПОНЯТИЯ HTML ».

Рассмотрено и одобрено на заседании ЦМК

Общеобразовательных дисциплин

Протокол № от « 23 » марта 2018 г.

Преподаватель информатики

Ковальская А.С.

HTML – язык гипертекстовой разметки документов (HyperText Markup Language).

С помощью HTML создаются Web-страницы, которые находятся в глобальной компьютерной сети Интернет.

HTML – это не язык программирования в традиционном смысле, он является языком разметки.

Гипертекстовый документ – это документ, содержащий переходы ( гиперссылки ) на другие документы. При использовании гиперссылки происходит перемещение от одного документа к другому (как по цепочке) в Интернете.

Особенности HTML-документа:

• HTML -документ может содержать текст, графику, видео и звук.

• 2. В общем случае HTML-документ – это один или несколько текстовых файлов, имеющих расширение .htm или .html.

• 3. Создавать HTML -документ можно как с помощью специальных программ – редакторов HTML (например, FrontPage), так и с помощью любого текстового редактора (например, блокнота Windows).

Особенности HTML-документа :

• Для просмотра HTML - документов существуют специальные программы- броузеры . Они интерпретируют HTML-документы, т.е. переводят текст документа в Web-страницу, и отображают ее на экране пользователя.

• Если при интерпретации HTML -документа броузер чего-то не понимает, то сообщения об ошибке не возникает, а это место в HTML-документе игнорируется и не отображается броузером.

Элементы HTML.

Тег – в переводе с английского – ярлык, этикетка. Тег определяет тип выводимого элемента HTML .

Атрибуты – необязательный набор параметров, определяющих дополнительные свойства элемента HTML (например, цвет или размер).

Правила создания HTML-документов:

1.   Теги и атрибуты можно записывать в любом регистре, т.е. и – это одно и то же.

2.   Несколько пробелов подряд, символы табуляции и перевода строки при интерпретации браузером заменяются на один пробел.

3.   Рекомендуется давать имена файлам HTML строчными английскими буквами. Длина имени – до восьми символов.

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

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

Каждый HTML-документ должен начинаться тегом и заканчиваться тегом .

HEAD определяет его заголовок, а также содержит дополнительную информацию о документе для броузера. Этот раздел не является обязательным.

Для того чтобы дать название HTML-документу, предназначен тег . Это название будет выведено в заголовок окна браузера.

В этом разделе документа располагается та информация, которая отображается в окне браузера.

Тег имеет ряд атрибутов, определяющих внешний вид документа.

Например:

TEXT="цвет текста"

BGCOLOR="цвет фона"

BACKGROUND="адрес фонового рисунка"

Пример простого html-документа.

  Приветствие

 

Добро пожаловать!

Пример использования фонового рисунка

 

Приветствие

Добро пожаловать!

Цветовые спецификации.

• Для определения цвета различных элементов HTML-документа необходимо указать значение соответствующих атрибутов.

Указывать значения этих атрибутов можно двумя способами:

• определять цвет в формате RGB;
• определять цвет, используя символьную нотацию.

Что такое формат цвета RGB.

• Формат RGB – это система указания цвета, которая базируется на смешении трех основных цветов: красном (RED), зеленом (GREEN) и синем (BLUE).

• Количество каждого цвета может лежать в диапазоне от 0 до 255.
• Абсолютно красный цвет будет иметь форму записи (255,0,0). Это означает, что количество красного цвета 255, зеленого 0 (т.е. зеленой составляющей нет), синий 0 (синей составляющей нет).
• Абсолютно синий цвет (0,255,0) и зеленый (0,0,255).

• Например, чёрный  — (0,0,0). Цвет RGB можно также представить в виде 16-ричной системы - 000000 – (0,0,0) – черный цвет .
• Если цвет записывается в 16-ричной системе, то принято перед числовым значением ставить знак «#» - сообщает о том, что используется именно 16-ричная система.

Вот некоторые стандартные цвета, которыми может оперировать компьютер.

Символьная нотация.

• Можно указывать название цвета на английском языке.
• « - » определено всего шестнадцать имен цветов.

  Символьная нотация

Black

Формат RGB

Silver

#000000

Цвет

#C0C0C0

Gray

Черный

#808080

White

Серебро

Серый

Maroon

#FFFFFF

#800000

Red

Белый

#FF0000

Purple

Темно-бордовый

Fuchsia

#800080

Красный

#FF00FF

Фиолетовый

Green

#008000

Lime

Розовый

#00FF00

Olive

Зеленый

#808000

Yellow

Известь

#FFFF00

Navy

Оливковый

#000080

Blue

Лимонный

Темно-синий

#0000FF

Teal

#008080

Aqua

Синий

#00FFFF

Темно-бирюзовый

Бирюзовый