Web­дизайн и  язык HTML § 1. Что такое язык HTML Основные понятия: гиперссылка, гипертекст,  гипермедиа­документ, WWW, web­страница,  браузер, язык HTML

Основные понятия Гиперссылка – «активная» ссылка на  Гиперссылка – «активная» ссылка на  другой документ. другой документ. 2 Гипертекст – текст, содержащий  Гипертекст – текст, содержащий  гиперссылки. гиперссылки. Гипермедиа­документ – документ,  Гипермедиа­документ – документ,  включающий текст, рисунки, звуки, видео,  включающий текст, рисунки, звуки, видео,  в котором любой элемент может быть  в котором любой элемент может быть  гиперссылкой. гиперссылкой.

Основные понятия WWW (World Wide Web) – «всемирная паутина»,  WWW (World Wide Web) – «всемирная паутина»,  служба Интернет для обмена информацией в  служба Интернет для обмена информацией в  виде гипертекста (и гипермедиа). виде гипертекста (и гипермедиа). 3 Web­страница – текстовый файл (Блокнот), в  Web­страница – текстовый файл (Блокнот), в  котором описано размещение материала на  котором описано размещение материала на  экране в виде кода.  экране в виде кода.  Браузер – программа для просмотра Web­ Браузер – программа для просмотра Web­ страниц (Internet Explorer, Mozilla Firefox, Opera).  страниц (Internet Explorer, Mozilla Firefox, Opera).  Браузер считывает код и «выстраивает»  Браузер считывает код и «выстраивает»  страницу на экране в соответствии с ним. страницу на экране в соответствии с ним.

Простейшая web­страница Отображается браузере: 4 ПКМ В виде HTML кода: Теги

Заголовок страницы

Основной текст.

ПКМТеги

Тэг Тэг (контейнер) – это команда языка HTML, которую  выполняет браузер. 5 … А этот уже не будет. … Открывающий  Этот текст будет выровнен по центру. Закрывающий  тэг тэг Открывающий тэгЗакрывающий тэг

6 Теговая структура HTML­документа ! Теги не должны пересекаться! HTML страница Невидимая  информация  о странице Видимая  информация  о странице

Заголовок страницы

Основной текст.

Найдите ошибки в HTML коде 7

Заголовок страницы

Основной текст.

Найдите ошибки в HTML коде 8

Заголовок страницы

Основной текст.

Найдите ошибки в HTML коде 9

Заголовок страницы

Основной текст.

Найдите ошибки в HTML коде 10 Моя первая Web-страница

Заголовок страницы

Основной текст.

11 Язык HTML HTML = HyperText Markup Language (язык разметки гипертекста)    HTML – это не язык программирования! ! HTML­документ – это текстовый файл (Блокнот): firstpage.html

Инструментарий веб­дизайнера 12 1. Браузер 2. Графический редактор 3. Справочник по тегам HTML 4. Удобный HTML редактор

Web­дизайн и  язык HTML § 2. Атрибуты тегов Основные понятия: парные и одиночные теги,  атрибуты тегов.

Два вида тегов • Парные (открывающий и закрывающий теги): 14

Заголовок

Подзаголовок

Абзац

• Одиночные (только открывающий тег): Атрибут тега img
Атрибут тега img

Атрибуты тегов 15 <тег атрибут1="значение" атрибут2="значение"> <тег атрибут1="значение" атрибут2="значение">... Атрибуты тегов применяются для расширения  возможностей отдельных контейнеров (тегов) и  позволяют более детально управлять их  содержимым (например текстом).

Заголовок

Абзац1

Абзац2

Конец фильма 16

...