СТРУКТУРА ДОКУМЕНТА HTML HyperText Markup Language -язык разметки гипертекста, являющийся общепринятым языком Всемирной паутины. HTML является языком форматирования.

Презентация:



Advertisements
Похожие презентации
Язык разметки гипертекста. Терминология HTML. Методика использования. Основные конструкции. Лаборатория информатизации образования ИДППО Институт дополнительного.
Advertisements

Разработка Web-сайтов. HTML-документ - текстовый документ содержимое которого размечено при помощи элементов языка HTML. Такие документы обычно имеют.
HTML HTML – это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста.
Лекция 1 Основные понятия и определения Гвасалия Дарья Александровна.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
«Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои команды,
Создание сайта. Основные этапы создания сайта 1. Разработка концепции сайта 2. Планирование бюджета и времени работы 3. Создание рабочей группы 4. Подготовка.
Язык разметки гипертекста HTML. Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания.
HyperText Markup Language. Содержание: Введение Начало работы !DOCTYPE.
ВВЕДЕНИЕ В Задачи урока Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Апрапрапрап. 1.HTML – язык разметки гипертекстовых страниц 2.Основные тэги для создания Web- страницы 3.Гиперссылки 4.Вставка графических изображений.
Web-страницы и Web-сайты. Структура Web- страницы.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Создание WEB-страниц. HTML – язык разметки гипертекстовых документов (расширение файла htm или html). Браузер – программа для просмотра web-страниц.
Транксрипт:

СТРУКТУРА ДОКУМЕНТА HTML HyperText Markup Language -язык разметки гипертекста, являющийся общепринятым языком Всемирной паутины. HTML является языком форматирования (разметки), который использует набор команд, называемых тегами, управляющих броузером при отображении Web-страницы.

HTML-документ - текстовый документ содержимое которого размечено при помощи элементов языка HTML. Такие документы обычно имеют расширение HTM, HTML. HTML-код -совокупность всех элементов языка HTML использованных для разметки документа.

Тег -единица разметки, стартовый или конечный маркер элемента. Запись стартового тега в общем виде: ИНТЕРГРАД Запись конечного тега в общем виде: Теги определяют границы действия элементов.

ИНТЕРГРАД

Вложенность элементов 50 80

………….. - тег начала и конца документа открывающийся тег закрывающийся тег Пример: …(здесь будут другие теги программы)

… - тег заголовочной части документа HTML Пример: … (здесь будет заголовок) …(здесь будут теги тела программы) … - тег тела документа HTML

… - обрамляется текст, который помещен в заголовок окна браузера Пример: Моя личная страница …(здесь будут теги тела программы) Просмотр в броузере

HTML - документ <HTML> </HTML> Структура гипертекстового документа <TITLE>Заголовок</TITLE> Первый абзац документа <IMG SRC=PIC1.GIF> ……… Последний абзац документа заголовок

Заголовок Первый абзац документа Последний абзац документа HTML - документ Программа-браузер Управляющая часть Окно просмотра интерпретированного HTML-документа Заголовок окна Строка адреса ресурса (URL) Взаимодействие документа и браузера

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL:

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL:

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL:

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа URL:

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа ДОКУМЕНТ НАЙДЕН… ЖДИТЕ.

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа НАЙДЕНО НАЧАЛО HTML-КОДА

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ГОЛОВЫ

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа ИНТЕРПРЕТАЦИЯ ЗАГОЛОВКА Заголовок

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа ГОЛОВА ПРОИНТЕРПРЕТИРОВАНА Заголовок

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа Заголовок НАЧАТО ИНТЕРПРЕТИРОВАНИЕ ЧАСТИ ДОКУМЕНТА ОТОБРАЖАЕМОЙ В ОКНЕ БРАУЗЕРА

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа Заголовок ИНТЕРПРЕТИРУЕТСЯ ТЕКСТ Первый абзац документа

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа Заголовок ИНТЕРПРЕТИРУЕТСЯ КАРТИНКА Первый абзац документа

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа Заголовок Первый абзац документа ИНТЕРПРЕТИРУЕТСЯ …ТЕКСТ ……… Последний абзац документа

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа Заголовок Первый абзац документа ……… Последний абзац документа ЗАКОНЧЕНО ИНТЕРПРЕТИРОВАНИЕ ЧАСТИ ДОКУМЕНТА ОТОБРАЖАЕМОЙ В ОКНЕ БРАУЗЕРА

Программа-браузер HTML - документ Заголовок Первый абзац документа ……… Последний абзац документа Заголовок Первый абзац документа ……… Последний абзац документа ДОСТИГНУТА ГРАНИЦА HTML- ДОКУМЕНТА СТРОК ДЛЯ ИНТЕРПРЕТАЦИИ БОЛЬШЕ НЕТ

Основные элементы HTML Разметка текста Создание списков Создание таблиц Графика Гиперссылки Основные элементы HTML можно разделить по их назначению на следующие группы: