HTML
.pdfHTML
HTML - (HyperText Markup Language), язык разметки гипертекста разработанный Тимом Бернерсом-Ли на основе стандарта языка разметки печатных документов — SGML (Standard Generalised Markup Language), стандартный обобщенный язык разметки
Позволяет размечать электронный документ, который отображается на экране с полиграфическим уровнем оформления; результирующий документ может содержать самые разнообразные метки, иллюстрации, аудио- и видеофрагменты и так далее. В состав языка вошли развитые средства для создания различных уровней заголовков, шрифтовых выделений, различные списки, таблицы и многое другое.
В качестве основы был выбран обычный текстовый файл. Выбор был сделан под влиянием следующих факторов:
такой файл можно создать в любом текстовом редакторе на любой аппаратной платформе в среде какой угодно операционной системы;
к моменту разработки HTML существовал американский стандарт для разработки сетевых информационных систем — Z39.50, в котором в качестве единицы хранения указывался простой текстовый файл в кодировке LATIN1, что соответствует US ASCII.
Версии HTML
World Wide Web Consortium (W3C) — международная организация, которая занимается подготовкой и распространением документации на описание новых версий HTML
●HTML 1.0 (1991 год)
●HTML 2.0 (22 декабря 1995)
●HTML 3.2 (14 января 1996) - позволяет реализовать использование таблиц, выполнение кодов языка Java, обтекание графики текстом, а также отображение верхних и нижних индексов (CSS1)
●HTML 4.0. (8 декабря 1997).
●HTML 4.01 (24 декабря 1999) - Кроме возможностей разметки текста, включения мультимедиа и формирования гипертекстовых связей, уже существовавших в
предыдущих версиях HTML, в версию 4.01 включены дополнительные средства работы с мультимедиа, языки программирования, таблицы стилей, упрощенные средства печати изображений и документов. Для управления сценариями просмотра страниц можно использовать языки программирования этих сценариев, например, JavaScript, Java и VBScript. (CSS2)
●XHTML 1.0. (26 января 2000)
●XHTML 1.1. (16 февраля 2007)
●HTML5 - (~2014 год)
Структура HTML
Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками —
тегами.
Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег.
Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства. Атрибуты указываются в открывающем теге.
Теги
Общий синтаксис:
● Одиночные:
<тег атрибут1="значение" атрибут2="значение">
● Парные (контейнеры)
<тег атрибут1="значение" атрибут2="значение">...</тег>
Правильное применение парных тегов:
Неправильное применение парых тегов
Правила применения тегов
1. Все значения атрибутов тегов следует указывать в двойных ("пример") или одинарных кавычках ('пример').
<p><img src="images/arena.png" alt="Вид заголовка" width="400" height="101"></p> <p><img src="images/arena.png" alt=Вид заголовка width="400" height="101"></p>
2. Теги, а также их атрибуты |
4. Если какой-либо тег или его атрибут |
||||
нечувствительны к регистру: |
был написан неверно, то браузер |
||||
|
|
|
проигнорирует подобный тег |
||
<BR>, <Br> или <br> |
|
|
|||
|
|
5. Существует определенная иерархия |
|||
3. Внутри тега между его атрибутами |
|||||
вложенности тегов. |
|||||
допустимо ставить перенос строк. |
|
|
|||
<head> |
|||||
|
|
|
<title>Кавычки в атрибуте alt</title> |
|
|
|
|
|
|
||
<p><img src="images/arena.png" alt="Вид |
|
</head> |
|
||
заголовка" width="400" height="101"></p> |
|
|
|
||
6. Существует три состояния |
|||||
|
|
|
|||
<p><img src="images/arena.png" |
|
закрывающего тега: обязателен, не |
|||
alt="Вид заголовка в браузере" |
|
требуется или не обязателен. |
|||
width="400" |
|
|
|
||
<table>...</table> |
|||||
Height="101"> |
|
<p> или <p>...</p> |
|
||
</p> |
|
<br> |
|
||
|
|
|
|
|
Универсальные атрибуты
Универсальные атрибуты применяются практически ко всем тегам, поэтому выделены в отдельную группу, чтобы не повторять их для всех тегов.
accesskey - Позволяет получить доступ к элементу с помощью заданного сочетания клавиш.
class - Определяет имя класса, которое позволяет связать тег со стилевым оформлением.
id - Указывает имя стилевого идентификатора.
style - Применяется для определения стиля элемента с помощью правил CSS.
tabindex - Устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab.
title - Описывает содержимое элемента в виде всплывающей подсказки.
DOCTYPE
Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страниц
HTML 4.01
● Строгий синтаксис HTML(не содержит отмененных элементов).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
● Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
●В HTML-документе применяются фреймы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
HTML 5
<!DOCTYPE html>
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<HTML>
Тег <html> является контейнером, который заключает в себе все содержимое вебстраницы, включая теги <head> и <body>.
Синтаксис
<html>
...
</html>
Атрибуты ● title
Добавляет всплывающую подсказку на веб-страницу.
Также для этого тега доступны универсальные атрибуты.
Закрывающий тег: Не обязателен.
<HEAD>
Внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем(<base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>). Содержимое не отображается на странице.
Синтаксис
<head>
...
</head>
Закрывающий тег: Не обязателен. Атрибуты: Нет.
Заголовок документа
Элемент <title> определяет заголовок(отображается в шапке окна браузера) документа, и текст ссылки на документ в результатах выдачи поисковых систем и т.п.
Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.
Синтаксис:
<head>
<title>Заголовок</title>
</head>
Закрывающий тег: Обязателен.
Атрибуты: Нет.
Пример:
<title>Заголовок страницы</title>