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

Содержание

Слайд 2

ИСТОРИЯ РАЗВИТИЯ HTML 1989 г – Тим Бернерс-Ли. Проект гипертекстовой системы

ИСТОРИЯ РАЗВИТИЯ HTML

1989 г – Тим Бернерс-Ли. Проект гипертекстовой системы WWW(World

Wide Web)
Идея системы - при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов в единую ИС.
Слайд 3

ИСТОРИЯ РАЗВИТИЯ HTML Одним из компонентов технологии создания распределенной гипертекстовой системы

ИСТОРИЯ РАЗВИТИЯ HTML

Одним из компонентов технологии создания распределенной гипертекстовой системы WWW

стал язык гипертекстовой разметки HTML(HyperText Markup Language)
Создан на основе стандарта языка разметки печатных документов — SGML (Standard Generalised Markup Language)
Слайд 4

ИСТОРИЯ РАЗВИТИЯ HTML Т.о., гипертекстовая база данных в концепции WWW —

ИСТОРИЯ РАЗВИТИЯ HTML

Т.о., гипертекстовая база данных в концепции WWW — это

набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки).
Слайд 5

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

HTML 4.01

Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей,

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

ПРИНЦИПЫ ГИПЕРТЕКСТ. РАЗМЕТКИ HTML является описательным языком разметки документов В нем

ПРИНЦИПЫ ГИПЕРТЕКСТ. РАЗМЕТКИ

HTML является описательным языком разметки документов
В нем используются указатели

разметки (теги)
Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами
Слайд 7

ТЕГИ Образованы с помощью общеупотребительных слов английского языка, понятных сокращений и

ТЕГИ

Образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений.
НТМL-тег

состоит из имени, за которым может следовать необязательный список атрибутов тега
Текст тега заключается в угловые скобки ("<" и ">")
Слайд 8

ТЕГИ Пример: Таблица шириной 570 пикселов, выравнена по центру, поле между

ТЕГИ

Пример:


Таблица шириной 570 пикселов, выравнена по
центру, поле между рамкой и содержимым ячеек 10 пикселов, поле рамки 2 пиксела, ширина бордюра 16 пикселов
Слайд 9

ТЕГИ Атрибуты тега следуют за именем и отделяются друг от друга

ТЕГИ

Атрибуты тега следуют за именем и отделяются друг от друга одним

или несколькими знаками табуляции, пробелами или символами возврата к началу строки.
Порядок записи атрибутов в теге значения не имеет
Значение атрибута, если таковое имеется, следует за знаком равенства, стоящим после имени атрибута
Слайд 10

HTML - КОНТЕЙНЕРЫ Имя конечного тега идентично имени начального, но перед

HTML - КОНТЕЙНЕРЫ

Имя конечного тега идентично имени начального, но перед именем

конечного тега ставится косая черта (/)
Тег стиля шрифта — курсив закрывающая пара представляет собой
Тег заголовка <ТIТLЕ> закрывающей парой будет
По своему значению теги близки к понятию скобок "begin/end" в универсальных языках программирования
Слайд 11

HTML - КОНТЕЙНЕРЫ Общая схема построения "контейнер"= содержание контейнера

HTML - КОНТЕЙНЕРЫ

Общая схема построения
"контейнер"=
<"имя тега" "список атрибутов">
содержание контейнера

Слайд 12

СПЕЦИАЛЬНЫЕ СИМВОЛЫ CER (Character Entity Reference), они предназначены для представления специальных

СПЕЦИАЛЬНЫЕ СИМВОЛЫ

CER (Character Entity Reference), они предназначены для представления специальных символов

в документе HTML, которые могут быть неверно обработаны браузером.
Например, чтобы представить символ "<" в документе HTML, нужно заменить его на <, а символ ">" — на >.
То есть, если указать в тексте HTML строку <BODY>, она будет выглядеть на экране как текст .
Слайд 13

Слайд 14

HTML ДОКУМЕНТ HTML-документ — это один большой контейнер, который начинается с

HTML ДОКУМЕНТ

HTML-документ — это один большой контейнер, который начинается с тега

и заканчивается тегом
Документы в формате HTML обычно имеют расширение .html или .htm и являются обычными текстовыми документами, которые можно редактировать в любом текстовом редакторе, например в блокноте.
Слайд 15

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

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

документа (HEAD)
и тела документа (BODY).
Слайд 16

ОСНОВНЫЕ КОНТЕЙНЕРЫ ЗАГОЛОВКА Это элементы HTML-разметки, которые наиболее часто встречаются в

ОСНОВНЫЕ КОНТЕЙНЕРЫ ЗАГОЛОВКА

Это элементы HTML-разметки, которые наиболее часто встречаются в заголовке

HTML-документа, т.е. внутри элемента разметки HEAD
HEAD (элемент разметки HEAD);
TITLE (заглавие документа);
BASE (база URL);
ISINDEX (поисковый шаблон);
META (метаинформация);
LINK (общие ссылки);
STYLE (описатели стилей);
SCRIPT (скрипты).
Слайд 17

HEAD Cодержит заголовок HTML-документа. Данный элемент разметки не является обязательным. При

HEAD

Cодержит заголовок HTML-документа. Данный элемент разметки не является обязательным. При наличии

тега начала элемента разметки желательно использовать и тег конца элемента разметки. По умолчанию элемент HEAD закрывается, если встречается либо тег начала контейнера BODY, либо тег начала контейнера FRAMESET

Это пример из документации по сайту Интернет-Университета Информационных Технологий

Слайд 18

TITLE Cлужит для именования документа в World Wide Web. Состоит контейнер

TITLE

Cлужит для именования документа в World Wide Web.
Состоит контейнер из тега

начала, содержания и тега конца. Наличие тега конца обязательно. Тег начала элемента не имеет специфических атрибутов.
Заголовок не является обязательным контейнером документа
Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа
Это заголовок ...
Слайд 19

STYLE Предназначен для размещения описателей стилей Описатели стилей задают правила отображения

STYLE

Предназначен для размещения описателей стилей
Описатели стилей задают правила отображения контейнеров HTML

-док-та для всей страницы
В настоящее время контейнер используется только с одним атрибутом TYPE, который задает тип описателя стиля.

Слайд 20

SCRIPT Cлужит для размещения кода JavaScript, VBScript или Jscript Можно использовать

SCRIPT

Cлужит для размещения кода JavaScript, VBScript или Jscript
Можно использовать не только

в заголовке документа, но и в его теле. Тег закрытия обязателен.

- Предыдущая
Le Mont-Saint-Michel retrouve son caractère maritime
Следующая -
Гражданское право

Похожие презентации

Деревья. Бинарные деревья
Религии Японии. Синтоизм
Слайд 1. Тема 5. Экономическое районирование и административно-территориальное устройство РФ Понятие и виды районирования в Росси
Механические муфты
Ценообразование в строительном комплексе
Правовая основа концепции оказания бесплатной юридической помощи на территории Архангельской области
Русское узорочье
Туннельные диоды
ГОРОДА РОССИИ
Физиологические основы построения спортивной тренировки
Тепловой насос. Принцип его действия
Динамика кулисного механизма
Нормативно-правовые документы в строительстве
Тема раздела: «Как оптовая торговля помогает производству»
Sport pit
Дар созидания Эстетическое формирование искусством окружающей среды
Медицина в XVIII веке в России. Организация ухода за больными и ранеными
Мозговой инсульт
Осенние листья. Икебана
Презентация Классификация ЧС по природе возникновения
Проверка статистических гипотез
Эксплуатация автомобилей в особых условиях
Программирование в среде Delphi. (Лекция 4)
Презентация "Маньеризм" - скачать презентации по МХК
Характеристика культуры Ливии
Взаимодействие автомобильного бизнеса и бизнеса автострахования Проблемы и пути решения
Прямые и портфельные инвестиции Выполнили студентки группы Т-116 Хропина Ольга и Фунтикова Виктория
Сергий Радонежский
Вы можете прислать нам Вашу презентацию и мы опубликуем ее на сайте.
Обратная связь
Для правообладателей
Email: Нажмите что бы посмотреть