🗊Презентация HTML 4.01. Введение Основные понятия Синтаксис

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
HTML 4.01. Введение Основные понятия Синтаксис, слайд №1HTML 4.01. Введение Основные понятия Синтаксис, слайд №2HTML 4.01. Введение Основные понятия Синтаксис, слайд №3HTML 4.01. Введение Основные понятия Синтаксис, слайд №4HTML 4.01. Введение Основные понятия Синтаксис, слайд №5HTML 4.01. Введение Основные понятия Синтаксис, слайд №6HTML 4.01. Введение Основные понятия Синтаксис, слайд №7HTML 4.01. Введение Основные понятия Синтаксис, слайд №8HTML 4.01. Введение Основные понятия Синтаксис, слайд №9HTML 4.01. Введение Основные понятия Синтаксис, слайд №10HTML 4.01. Введение Основные понятия Синтаксис, слайд №11HTML 4.01. Введение Основные понятия Синтаксис, слайд №12HTML 4.01. Введение Основные понятия Синтаксис, слайд №13HTML 4.01. Введение Основные понятия Синтаксис, слайд №14HTML 4.01. Введение Основные понятия Синтаксис, слайд №15HTML 4.01. Введение Основные понятия Синтаксис, слайд №16HTML 4.01. Введение Основные понятия Синтаксис, слайд №17HTML 4.01. Введение Основные понятия Синтаксис, слайд №18HTML 4.01. Введение Основные понятия Синтаксис, слайд №19HTML 4.01. Введение Основные понятия Синтаксис, слайд №20HTML 4.01. Введение Основные понятия Синтаксис, слайд №21
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему HTML 4.01. Введение Основные понятия Синтаксис. Доклад-сообщение содержит 21 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


HTML 4.01 Введение Основные понятия Синтаксис
Описание слайда:
HTML 4.01 Введение Основные понятия Синтаксис

Слайд 2


ИСТОРИЯ РАЗВИТИЯ HTML 1989 г – Тим Бернерс-Ли. Проект гипертекстовой системы WWW(World Wide Web) Идея системы - при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов в единую ИС.
Описание слайда:
ИСТОРИЯ РАЗВИТИЯ HTML 1989 г – Тим Бернерс-Ли. Проект гипертекстовой системы WWW(World Wide Web) Идея системы - при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов в единую ИС.

Слайд 3


ИСТОРИЯ РАЗВИТИЯ HTML Одним из компонентов технологии создания распределенной гипертекстовой системы WWW стал язык гипертекстовой разметки   HTML(HyperText Markup Language) Создан на основе стандарта языка разметки печатных документов — SGML (Standard Generalised Markup Language)
Описание слайда:
ИСТОРИЯ РАЗВИТИЯ HTML Одним из компонентов технологии создания распределенной гипертекстовой системы WWW стал язык гипертекстовой разметки   HTML(HyperText Markup Language) Создан на основе стандарта языка разметки печатных документов — SGML (Standard Generalised Markup Language)

Слайд 4


ИСТОРИЯ РАЗВИТИЯ HTML Т.о., гипертекстовая база данных в концепции WWW — это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки).
Описание слайда:
ИСТОРИЯ РАЗВИТИЯ HTML Т.о., гипертекстовая база данных в концепции WWW — это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки).

Слайд 5


HTML 4.01 Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей, уже существовавших в предыдущих версиях HTML, в версию 4.01 включены дополнительные средства работы с мультимедиа, языки программирования, таблицы стилей, упрощенные средства печати изображений и документов
Описание слайда:
HTML 4.01 Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей, уже существовавших в предыдущих версиях HTML, в версию 4.01 включены дополнительные средства работы с мультимедиа, языки программирования, таблицы стилей, упрощенные средства печати изображений и документов

Слайд 6


ПРИНЦИПЫ ГИПЕРТЕКСТ. РАЗМЕТКИ HTML является описательным языком разметки документов В нем используются указатели разметки (теги) Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами
Описание слайда:
ПРИНЦИПЫ ГИПЕРТЕКСТ. РАЗМЕТКИ HTML является описательным языком разметки документов В нем используются указатели разметки (теги) Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами

Слайд 7


ТЕГИ Образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. НТМL-тег состоит из имени, за которым может следовать необязательный список атрибутов тега Текст тега заключается в угловые скобки ("<" и ">")
Описание слайда:
ТЕГИ Образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. НТМL-тег состоит из имени, за которым может следовать необязательный список атрибутов тега Текст тега заключается в угловые скобки ("<" и ">")

Слайд 8


ТЕГИ Пример: <TABLE WIDTH=570 ALIGN=center CELLPADDING=10 CELLSPACING=2 BORDER=16> Таблица шириной 570 пикселов, выравнена по центру, поле между рамкой и содержимым ячеек 10 пикселов, поле рамки 2 пиксела, ширина бордюра 16 пикселов
Описание слайда:
ТЕГИ Пример: <TABLE WIDTH=570 ALIGN=center CELLPADDING=10 CELLSPACING=2 BORDER=16> Таблица шириной 570 пикселов, выравнена по центру, поле между рамкой и содержимым ячеек 10 пикселов, поле рамки 2 пиксела, ширина бордюра 16 пикселов

Слайд 9


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

Слайд 10


HTML - КОНТЕЙНЕРЫ Имя конечного тега идентично имени начального, но перед именем конечного тега ставится косая черта (/) Тег стиля шрифта — курсив <I> закрывающая пара представляет собой </I> Тег заголовка <ТIТLЕ> закрывающей парой будет </ТIТLЕ> По своему значению теги близки к понятию скобок "begin/end" в универсальных языках программирования
Описание слайда:
HTML - КОНТЕЙНЕРЫ Имя конечного тега идентично имени начального, но перед именем конечного тега ставится косая черта (/) Тег стиля шрифта — курсив <I> закрывающая пара представляет собой </I> Тег заголовка <ТIТLЕ> закрывающей парой будет </ТIТLЕ> По своему значению теги близки к понятию скобок "begin/end" в универсальных языках программирования

Слайд 11


HTML - КОНТЕЙНЕРЫ Общая схема построения "контейнер"= <"имя тега" "список атрибутов"> содержание контейнера </"имя тега">
Описание слайда:
HTML - КОНТЕЙНЕРЫ Общая схема построения "контейнер"= <"имя тега" "список атрибутов"> содержание контейнера </"имя тега">

Слайд 12


СПЕЦИАЛЬНЫЕ СИМВОЛЫ CER (Character Entity Reference), они предназначены для представления специальных символов в документе HTML, которые могут быть неверно обработаны браузером. Например, чтобы представить символ "<" в документе HTML, нужно заменить его на &lt;, а символ ">" — на &gt;. То есть, если указать в тексте HTML строку &lt;BODY&gt;, она будет выглядеть на экране как текст <BODY>.
Описание слайда:
СПЕЦИАЛЬНЫЕ СИМВОЛЫ CER (Character Entity Reference), они предназначены для представления специальных символов в документе HTML, которые могут быть неверно обработаны браузером. Например, чтобы представить символ "<" в документе HTML, нужно заменить его на &lt;, а символ ">" — на &gt;. То есть, если указать в тексте HTML строку &lt;BODY&gt;, она будет выглядеть на экране как текст <BODY>.

Слайд 13


HTML 4.01. Введение Основные понятия Синтаксис, слайд №13
Описание слайда:

Слайд 14


HTML ДОКУМЕНТ HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML> Документы в формате HTML обычно имеют расширение .html или .htm и являются обычными текстовыми документами, которые можно редактировать в любом текстовом редакторе, например в блокноте.
Описание слайда:
HTML ДОКУМЕНТ HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML> Документы в формате HTML обычно имеют расширение .html или .htm и являются обычными текстовыми документами, которые можно редактировать в любом текстовом редакторе, например в блокноте.

Слайд 15


СТРУКТУРА HTML ДОКУМЕНТА Гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY).
Описание слайда:
СТРУКТУРА HTML ДОКУМЕНТА Гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY).

Слайд 16


ОСНОВНЫЕ КОНТЕЙНЕРЫ ЗАГОЛОВКА Это элементы HTML-разметки, которые наиболее часто встречаются в заголовке HTML-документа, т.е. внутри элемента разметки HEAD HEAD (элемент разметки HEAD); TITLE (заглавие документа); BASE (база URL); ISINDEX (поисковый шаблон); META (метаинформация); LINK (общие ссылки); STYLE (описатели стилей); SCRIPT (скрипты).
Описание слайда:
ОСНОВНЫЕ КОНТЕЙНЕРЫ ЗАГОЛОВКА Это элементы HTML-разметки, которые наиболее часто встречаются в заголовке HTML-документа, т.е. внутри элемента разметки HEAD HEAD (элемент разметки HEAD); TITLE (заглавие документа); BASE (база URL); ISINDEX (поисковый шаблон); META (метаинформация); LINK (общие ссылки); STYLE (описатели стилей); SCRIPT (скрипты).

Слайд 17


HEAD Cодержит заголовок HTML-документа. Данный элемент разметки не является обязательным. При наличии тега начала элемента разметки желательно использовать и тег конца элемента разметки. По умолчанию элемент HEAD закрывается, если встречается либо тег начала контейнера BODY, либо тег начала контейнера FRAMESET <HEAD profile="http://www.intuit.ru/help"> Это пример из документации по сайту Интернет-Университета Информационных Технологий </HEAD>
Описание слайда:
HEAD Cодержит заголовок HTML-документа. Данный элемент разметки не является обязательным. При наличии тега начала элемента разметки желательно использовать и тег конца элемента разметки. По умолчанию элемент HEAD закрывается, если встречается либо тег начала контейнера BODY, либо тег начала контейнера FRAMESET <HEAD profile="http://www.intuit.ru/help"> Это пример из документации по сайту Интернет-Университета Информационных Технологий </HEAD>

Слайд 18


TITLE Cлужит для именования документа в World Wide Web. Состоит контейнер из тега начала, содержания и тега конца. Наличие тега конца обязательно. Тег начала элемента не имеет специфических атрибутов. Заголовок не является обязательным контейнером документа Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа <TITLE>Это заголовок</TITLE> ...
Описание слайда:
TITLE Cлужит для именования документа в World Wide Web. Состоит контейнер из тега начала, содержания и тега конца. Наличие тега конца обязательно. Тег начала элемента не имеет специфических атрибутов. Заголовок не является обязательным контейнером документа Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа <TITLE>Это заголовок</TITLE> ...

Слайд 19


STYLE Предназначен для размещения описателей стилей Описатели стилей задают правила отображения контейнеров HTML -док-та для всей страницы В настоящее время контейнер используется только с одним атрибутом TYPE, который задает тип описателя стиля. <STYLE TYPE=тип_описания_стилей> описание стиля/стилей </STYLE>
Описание слайда:
STYLE Предназначен для размещения описателей стилей Описатели стилей задают правила отображения контейнеров HTML -док-та для всей страницы В настоящее время контейнер используется только с одним атрибутом TYPE, который задает тип описателя стиля. <STYLE TYPE=тип_описания_стилей> описание стиля/стилей </STYLE>

Слайд 20


SCRIPT Cлужит для размещения кода JavaScript, VBScript или Jscript Можно использовать не только в заголовке документа, но и в его теле. Тег закрытия обязателен. <SCRIPT [TYPE=тип_языка_программирования] [SRC=URL]> JavaScript/VBScript-код </SCRIPT>
Описание слайда:
SCRIPT Cлужит для размещения кода JavaScript, VBScript или Jscript Можно использовать не только в заголовке документа, но и в его теле. Тег закрытия обязателен. <SCRIPT [TYPE=тип_языка_программирования] [SRC=URL]> JavaScript/VBScript-код </SCRIPT>

Слайд 21


ПРИМЕР <html> <head> <title>Первая страница</title> </head> <body text="#336699" bgcolor="#000000"> Здравствуйте, это моя первая страница. <br> <font color="#CC0000"> Добро пожаловать!</font> </body> </html>
Описание слайда:
ПРИМЕР <html> <head> <title>Первая страница</title> </head> <body text="#336699" bgcolor="#000000"> Здравствуйте, это моя первая страница. <br> <font color="#CC0000"> Добро пожаловать!</font> </body> </html>

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию