XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML

Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
Что такое тег? Типы элементов. Понятие тегов и атрибутов
Структура и правила оформления HTML-документа.
Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки

3 + CSS
январь 1997
HTML 3.2
декабрь 1997
HTML 4.0 + CSS 2.0
24

декабря 1999
HTML 4.01

2000
XHTML 1.0

2010 год
HTML 5.0
ещё в разработке

22 января 2008 года
W3C официально объявил "HTML 5 - в разработке"

IE
Netscape Navigator (Netscape Communications) 15.12.1994
Netscape Navigator 9 (движок Firefox 2)

– 2008 последняя версия
Internet Explorer 1.0 (Microsoft) 1995
Internet Explorer 3.0 (Microsoft) 1996 («война браузеров»)
Internet Explorer 6.0 (Microsoft) 2001
Internet Explorer 7.0 (Microsoft) 2006
Internet Explorer 8.0 (Microsoft) 19.03.2009
Opera (Opera Software ASA) 30.08.1995
Opera 9.0 (Opera Software ASA) 2006
Opera 10.2 (Opera Software ASA) 2009
Mozilla Firefox 1 (Mozilla Foundation) 9.11.2004
Mozilla Firefox 3.0.3 (Mozilla Foundation) 2008
Mozilla Firefox 3.6 (Mozilla Foundation) 21.01.2010
Google Chrome 1 (Google) 10.12.2008
Google Chrome 4 (Google) 25.01.2010
Safari 4 (Apple) 11.08.2009

swf,
avi, mpg …

Пример HTML страницы


Мой первый HTML-документ

Скоро мы узнаем, что означают эти странные знаки.

тег

Строгое DTD. Документы, использующие такое объявление типа документа, включают в

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

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

EN" "http://www.w3.org/TR/html4/loose.dtd">





Здесь размещается служебная информация. Пользователь ее не видит.




Здесь

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

Начало документа

Конец документа

Начало заголовка

Конец заголовка

Начало тела документа

Конец тела документа

Определение типа документа

Некоторый текст. Основное содержание текущей страницы. Первый

абзац 

Второй абзац. Для форматирования текста используют разные элементы языка HTML.

 

Комментарий

elements)
Непосредственное форматирование
Логическое форматирование (phrase elements)

Нежелательные (deprecated)
Устаревшие (obsolete)
Новые (new)

Открывающий тег

Закрывающий тег

Элемент

могут содержаться элементы уровня блока (включая и сам элемент P).

Элементы, определяющие стиль шрифта:
полужирный,
курсивный,
подчёркнутыйи другие

Второй абзац

семантику: если строка прекращается в месте мягкого переноса…

строка прекращается в месте мягкого переноса, в конце первой строки

должен отображаться символ переноса.

Если строка не прерывается в месте мягкого переноса, символ переноса отображаться не должен. При выполнении таких операций как поиск и сортировка мягкие переносы всегда должны игнорироваться.

занемог, Он уважать себя заставил И лучше выдумать не мог.





Мой дядя

самых честных правил,

Когда не в шутку занемог,

Он уважать себя заставил

И лучше выдумать не мог.

в шутку занемог,

Он уважать себя заставил

И лучше выдумать не

мог.

первый документ Мой первый HTML-документ Евгений Онегин

А.С.Пушкин (отрывок)

Мой дядя самых честных правил,

Когда не в шутку занемог,

Он уважать себя заставил

И лучше выдумать не мог.

---

краю
Выровнять по ширине
Выровнять по левому краю

size="3"> Толщина разделительной линии

---

Разделительная линия без тени

---

Ширина в пикселях

---

on a strong scent, and an eager light was in

their eyes. Nearly due west the broad swath of the marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.

рассказ.
Но не потому,
что горя

нету более,
время
потому,
что резкая тоска
стала ясною
осознанною болью.

адрес:Москва, 2-ая Бауманская, офис 703, Телефон/факс: 263-64-43

вместе с атрибутами idЭлементы DIV и SPAN вместе с атрибутами

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

class="one">Третий div

Первый span
Второй span
Третий span

green (зеленый)
#FF0000 – red (красный)
#0000FF – blue (синий)
#FFFFFF

– white (белый)
#000000 – black (черный)
#FFFF00 – yellow (жёлтый)
#FFD700 - gold (золотой)
#FFCC00 - tangerine (мандариновый)
#E49B0F - gamboge (гуммигут)
#FDE910 – lemon (лимонный)

Безопасная палитра цветов:
00,33,66,99, CC,FF (216 сочетаний).

синего цвета,
а этот - красного.
Горизонтальная линия тоже

может быть разноцветная.

Arial, sans-serif
моноширинный шрифт: Courier, monospace

Каким шрифтом будет показан

текст?

size="1"
size="2"
size="3" Базовый размер по-умочанию
size="4"
size="5"
size="6" Соответствует размеру

size="7"
Величина шрифта на единицу меньше базового
Максимальный размер шрифта

- подчеркнутый
- перечеркнутый
- моноширинный
-

увеличить шрифт
- уменьшить шрифт
^{- надиндекс}
_{- подиндекс}

важных фрагментов полужирным
- выделение фрагмента подчеркиванием, когда требуется показать

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