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