Основы языка гипертекстовой разметки HTML

________________________________________________________

________________________________________________________

________________________________________________________

________________________________________________________

Трансфигурация

Этап

HTML-CSS вёрстка

Номер

заполнение сайта контентом (информацией)

определение типа сайта, разработка ТЗ и структуры

определение целей создания сайта.

проведение исследований по теме

программирование и установка на CMS

продвижение сайта и реклама в интернете

публикация сайта в интернете

разработка макета дизайна сайта

тестирование сайта и исправление ошибок

Этап

Номер

HTML-CSS вёрстка

5 

заполнение сайта контентом (информацией)

  7

определение типа сайта, разработка ТЗ и структуры

  3

определение целей создания сайта.

  1

проведение исследований по теме

  2

программирование и установка на CMS

  6

продвижение сайта и реклама в интернете

  10

публикация сайта в интернете

  9

разработка макета дизайна сайта

  4

тестирование сайта и исправление ошибок

  8

Основы языка гипертекстовой разметки HTML. Создание HTML-документа в редакторе Блокнот

История магии

Web-страница (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера.

Всеми́рная паути́на (англ. World Wide Web) — распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету

Веб-обозрева́тель, обозрева́тель, бра́узер — программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц

Всемирная информационная паутина (WWW – World Wide Web) является в настоящее время популярной и удобной службой сети Интернет.

Веб-страницы и веб-сайты широко применяются во Всемирной паутине.

Для создания веб-сайтов используется язык разметки гипертекстовых документов HTML (HyperText Markup Language).

Язык HTML

HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов .

Основные понятия

Гипертекст – структура, позволяющая

устанавливать смысловые связки между элементами текста и другими документами.

Гиперссылка – фрагмент текста, который

является указателем на другой файл или объект.

Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.

Документы HTML

- являются обычными текстовыми файлами , содержащими специальные теги (или управляющие элементы) разметки.

• имеют расширения htm или html .
• их можно создавать при помощи любого текстового редактора. (чаще всего используется Блокнот)

Примерный пояснительный текст к слайду: Документы HTML являются обычными текстовыми файлами , содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу .

Файлы HTML обычно имеют расширения htm или html . Их можно создавать при помощи любого текстового редактора.

Чаще всего используется Блокнот, потому что он не имеет собственных функций разметки текста.

Описательный язык разметки HTML имеет свои команды, которые называются тегами.

Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки .

Тег

Одинарные

Двойные

Пример:  

Пример:

… .

Двойные теги бывают:

Пример:   ….  

! Теги не чувствительны к регистру !

=

открывающиеся

закрывающиеся

Ответьте на вопросы?

Web-страница - это …

Браузер— это …

HTML – это …

Гипертекст – это …

Гиперссылка – это …

Анатомия

Так браузер отображает для нас

Таким браузер «видит» исходный код

Структура HTML страницы

невидимая часть страницы (Заголовок, Мета-теги, Подключение стилей, Java-script )

видимая часть страницы, в которой расположены непосредственно элементы веб страницы: абзацы, таблицы рисунки.

Слайд к записи!

….

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить текст как действительный документ на языке разметки гипертекста. 

…

Эта пара тэгов указывает на начало и конец заголовка документа.

…

Всё, что находится между этими тэгами, читается браузером как название документа. 

Пример:

…

Всё, что находится между этими тэгами отображается на веб-странице. 

Пример:

Создание документа HTML

Документ гипертекстовой разметки имеет расширение *.html

Заклинания

Алгоритм написания

документа:

• Создать текстовый документ (блокнот).

2. Записать в него структуру документа HTML.

3. Записать данные Вашей Web-страницы.

4. Сохранить документ с расширением *.html.

5. Открыть страницу браузера.

Зельеварение

Заголовок

Текст первой странички