Язык HTML HyperText Markup Language Язык разметки гипертекста.

Презентация:



Advertisements
Похожие презентации
HTML и CSS – языки создания статических веб-страниц HTTP – это простой запросно-ответный протокол, протокол передачи гипертекстовых файлов (HyperText.
Advertisements

Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
HTML HTML – это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста.
HTML, XHTML, XML HyperText Markup Language (язык разметки гипертекста) eXtensible HyperText Markup Language (расширяемый язык разметки гипертекста) eXtensible.
Презентация по дисциплине Программное обеспечение компьютерных сетей Дудко Е.В., преподаватель спец. дисциплин ГБОУ СПО Новороссийского колледжа строительства.
Основы языка HTML HyperText Markup Language (HTML) -- язык разметки гипертекста -- предназначен для написания гипертекстовых документов, публикуемых в.
Введение в HTML. HTML (от англ. Hypertext Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Версии.
Секция «Основы сайтостроения» Кротова Т.В. Овчарова О.П.
(HyperText Markup Language) – язык гипертекстовой разметки.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Лекция 3. Тема «СТРУКТУРА HTML-ДОКУМЕНТА». 1.История развития HTML 2.Принципы гипертекстовой разметки 3.Группы тэгов 4.Структура HTML-документа 5.Элементы.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
«Творческим считается любое действие, которое эффективно и вызывает удивление» Дж. Брунер Web-страницы создаются с использованием языка разметки гипертекстовых.
Тесты по HTML. Автор: Ванкевич Кирилл Владимирович. УО ”БГУИР“ филиал “Минский радиотехнический колледж”
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Web-страницы и Web-сайты. Структура Web- страницы.
HTML (HyperText Markup Language) язык разметки гипертекста Занятие 1.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Транксрипт:

Язык HTML HyperText Markup Language Язык разметки гипертекста

HTML ( 1993 год) SGML, HTML XML Языки разметки SGML (Standart Generalised Markup Language, 1986 год) SGML HTML упрощение, фиксирован один язык XML

История Автор – Тим Бернерс-Ли World Wide Web Consortium Первый браузер – Mosaic HTML 2.0 – 1994 г. HTML 3.0 – 1995 г. HTML 3.2 – январь 1997 г. HTML 4.01 – декабрь 1999 г. HTML 5 – август 2009 г. Web Hypertext Application Technology Working Group

Файлы HTML Расширения.html,.htm PHP+html.phtml, SSI+html.shtml Текстовые файлы Разметка делается с помощью тегов Содержат элементы на других языках (JavaScript, CSS, )

Синтаксис HTML Символы Специальные символы: & " &lt; – < &gt; – > &amp; – & &quot; – " Числовые ссылки на символы &#D; – символ Unicode с номером D (D – десятичное) &#xH; – символ Unicode с номером H (H – шестнадцатеричное) – неразрывный пробел &ndash; – – &mdash; – – &Omega; – Ω &copy; – ©

Синтаксис HTML Особенности: переводы строчек приравниваются к пробелу несколько пробелов приравниваются к одному Теги начальные (открывающиеся) или конечные (закрывающиеся) В именах элементов, атрибутов и значениях атрибутов регистр не различается Элементы … - абзац пустые элементы Комментарии

Структура документа HTML Тип элемента Элемент Содержимое элемента Элемент Комментарий Пример: Мой первый документ HTML Всем привет!

Структура документа HTML Заголовок Тело Информация о версии HTML Пример: Мой первый документ HTML Всем привет!

Атрибуты имя-атрибута имя-атрибута="значение" Примеры:

Заголовок документа Метаинформация. Содержит элементы: TITLE – название документа META – метаданные. Атрибуты: name author, description, keywords content http-equiv LINK STYLE

Структура текста Элементы уровня блока Элемент P – абзац. Атрибут: alignЗначения: left, right, center, justify Заголовки: H1,H2,H3,H4,H5,H6 align Блок: DIV align Атрибуты для любых элементов: id, class, style, title, on…

Списки OL, UL, DL –нумеруемые, ненумеруемые, определений LI – элемент списка (для OL, UL) DT – термин DD – определение Атрибуты UL, OL, LI: type(disc, circle, square, 1, A, a, i, I) startчисло valueчисло compact

Примеры списков... Уровень один, номер один Уровень два, номер один Уровень два, номер два Уровень три, номер один Уровень два, номер три Уровень один, номер два... Center Centre Центр

Цитаты BLOCKQUOTE – блочный Q – строчный Атрибут: cite значение – URI

Элементы уровня строки SPAN Нежелательные: B, I, U, TT, S, BIG, SMALL EM, STRONG, CITE, DFN, CODE, SAMP, KBD, VAR, ABBR, ACRONYM EM = I, STRONG = B, CODE = TT SUB, SUP – индексы BR – разрыв строки