Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
21 слайд
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
644.50 kB
Просмотров:
68
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: HTML 4.01
Введение
Основные понятия
Синтаксис
№2 слайд
Содержание слайда: ИСТОРИЯ РАЗВИТИЯ HTML
1989 г – Тим Бернерс-Ли. Проект гипертекстовой системы WWW(World Wide Web)
Идея системы - при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов в единую ИС.
№3 слайд
Содержание слайда: ИСТОРИЯ РАЗВИТИЯ HTML
Одним из компонентов технологии создания распределенной гипертекстовой системы WWW стал язык гипертекстовой разметки HTML(HyperText Markup Language)
Создан на основе стандарта языка разметки печатных документов — SGML (Standard Generalised Markup Language)
№4 слайд
Содержание слайда: ИСТОРИЯ РАЗВИТИЯ HTML
Т.о., гипертекстовая база данных в концепции WWW — это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки).
№5 слайд
Содержание слайда: HTML 4.01
Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей, уже существовавших в предыдущих версиях HTML, в версию 4.01 включены дополнительные средства работы с мультимедиа, языки программирования, таблицы стилей, упрощенные средства печати изображений и документов
№6 слайд
Содержание слайда: ПРИНЦИПЫ ГИПЕРТЕКСТ. РАЗМЕТКИ
HTML является описательным языком разметки документов
В нем используются указатели разметки (теги)
Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами
№7 слайд
Содержание слайда: ТЕГИ
Образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений.
НТМL-тег состоит из имени, за которым может следовать необязательный список атрибутов тега
Текст тега заключается в угловые скобки ("<" и ">")
№8 слайд
Содержание слайда: ТЕГИ
Пример:
<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" в универсальных языках программирования
№11 слайд
Содержание слайда: HTML - КОНТЕЙНЕРЫ
Общая схема построения
"контейнер"=
<"имя тега" "список атрибутов">
содержание контейнера
</"имя тега">
№12 слайд
Содержание слайда: СПЕЦИАЛЬНЫЕ СИМВОЛЫ
CER (Character Entity Reference), они предназначены для представления специальных символов в документе HTML, которые могут быть неверно обработаны браузером.
Например, чтобы представить символ "<" в документе HTML, нужно заменить его на <, а символ ">" — на >.
То есть, если указать в тексте HTML строку <BODY>, она будет выглядеть на экране как текст <BODY>.
№13 слайд
№14 слайд
Содержание слайда: HTML ДОКУМЕНТ
HTML-документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>
Документы в формате HTML обычно имеют расширение .html или .htm и являются обычными текстовыми документами, которые можно редактировать в любом текстовом редакторе, например в блокноте.
№15 слайд
Содержание слайда: СТРУКТУРА HTML ДОКУМЕНТА
Гипертекстовый документ
состоит из двух других
вложенных контейнеров:
заголовка документа (HEAD)
и тела документа (BODY).
№16 слайд
Содержание слайда: ОСНОВНЫЕ КОНТЕЙНЕРЫ ЗАГОЛОВКА
Это элементы 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>
№18 слайд
Содержание слайда: TITLE
Cлужит для именования документа в World Wide Web.
Состоит контейнер из тега начала, содержания и тега конца. Наличие тега конца обязательно. Тег начала элемента не имеет специфических атрибутов.
Заголовок не является обязательным контейнером документа
Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа
<TITLE>Это заголовок</TITLE> ...
№19 слайд
Содержание слайда: STYLE
Предназначен для размещения описателей стилей
Описатели стилей задают правила отображения контейнеров HTML -док-та для всей страницы
В настоящее время контейнер используется только с одним атрибутом TYPE, который задает тип описателя стиля.
<STYLE TYPE=тип_описания_стилей>
описание стиля/стилей
</STYLE>
№20 слайд
Содержание слайда: 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>