Это вводный урок по дисциплине Web-программирования. Здесь даются основные понятия, что такое "язык разметки гипертекста HTML", "гипертекст". Описываются составляющие HTML-документа - теги, их определения, назначения и функции. Даны простейшие примеры применения тегов. Также дан алгоритм составления Web-документа и конструкция общего вида страницы.
Название предмета:
WEB - ПРОГРАММИРОВАНИЕ
Урок № 1
Тема:
Создание Webстраниц
«Язык разметки гипертекста HTML»
HTML
Hyper Text Markup Language
– язык гипертекстовой разметки.
HTML специальные инструкции
браузеру, с помощью которых
создаются вебсайты.
Гипертекст
Гипертекст (hypertext) – текст,
содержащий ссылки на другие
или
вебстраницы,
серверы
возможностями
с
ресурсы
выполнения переходов.
HTML - документ состоит из двух
частей:
Раздел
заголовка
Содержательна
я часть
• Начинается тегом
• Заканчивается тегом
• Mежду данными тегами
располагается тег
(этот тег
используется для задания
названия документа)
• Начинается тегом
• Заканчивается тегом
(между которыми
располагается
содержимое
HTML документа)
Раздел заголовкаСодержательная часть
ТЕГ
Описательный язык разметки HTML имеет
свои команды, которые называются тегами.
Тег элемент HTML, представляющий из
себя текст, заключенный в угловые скобки <>.
Одинарные
Тег
Двойные
Пример:
Пример:
….
ОдинарныеДвойныеПример: …. Пример:
Двойные теги бывают:
открывающиеся
закрывающиеся
Пример: ….
!Теги не чувствительны к регистру!
=
открывающиесязакрывающиеся
….
Три самых важных
управляющих кода
…
…
Они передают программе просмотра страницы
основную информацию для идентификации и
организации документа.
….
Эти тэги помещаются соответственно
в начале и конце всего документа,
чтобы
как
действительный документ на языке
разметки гипертекста.
обозначить
текст
…
Эта пара тэгов указывает на начало и
конец заголовка документа.
…
…
Всё, что находится между этими
тэгами, читается браузером как
название документа.
Пример:
Создание документа
HTML
Документ
гипертекстовой
разметки имеет расширение *.html
Алгоритм написания
документа:
1. Создать текстовый документ (блокнот).
2. Записать в него структуру документа
HTML.
3. Записать данные Вашей Webстраницы.
4. Сохранить документ с расширением *.html.
5. Открыть страницу браузера.
Общий вид страницы
Текст заголовка окна
Текст документа
Л 1 Создание Web-страниц.pptx
