Эволюция концепции Web Физическая разметка текста Логическая разметка текста GML, SGML, XML, XHTML W3C
Спецификации HTML и XHTML HTML 5
Валидаторы
Отличия XHTML от HTML Особенность стандарта HTML 5 Структура XHTML-документа
Теги верхнего уровня и теги заголовка
|
html |
начало и конец документа |
|
head |
заголовок документа |
|
body |
тела документа |
|
title |
заголовок страницы |
Образец минимального документа XHTML:
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>XHTML</title>
</head>
<body>...тело документа...
</body>
</html>
Блочные элементы
занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки.
h1, h2, h3, h4, h5, h6
заголовки разных уровней
р
абзац
pre
задает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами
hr
горизонтальная линия blockquote
выделение длинных цитат внутри документа (блок текста с отступом)
div
универсальный блочный контейнер, применяется в тех случаях, где нужны блочные элементы без дополнительных свойств.
Строчные элементы
a для создания ссылок
Внутренние ссылки
<h1>Содержание</a>
<a href="#chapter2">Глава 1</a> <a href="#chapter2">Глава 2</a> <a href="#chapter2">Глава 3</a>
<a name="chapter2">Глава 2</a>
Внешние ссылки
<a href="../images/forest.gif">Карта</a>
<a href="http://www.yandex.ru">Яndex</a>
|
Протоколы ссылок |
|
|
http:// доступ к Web-страницам |
|
|
ftp:// |
протокол передачи файлов |
|
mailto:// |
доступ к электронной почте |
|
file:// |
обращение к Web-странице, расположенной на локальной машине |
img
для отображения изображений
em
важные фрагменты (курсив для визуальных па, изменение громкости для голосовых па).
strong
полужирный
cite
содержит цитату или ссылку на другой ресурс
dfn
определение термина
code
обозначает фрагмент компьютерного кода
samp
образец вывода программ, скриптов и т.п.
kbd
обозначает текст, введённый пользователем
var
аргумент переменной или программы
abbr
сокращённая форма (www, http, uri,…) acronym
акроним (например, нато) sub и sup
надстрочный и подстрочный текст
br
принудительно обрывает текущую строку
span
определение строчного элемента
Списки
неупорядоченный o ul – список
o li – элемент списка
упорядоченный
ool – список
oli – элемент списка
определения
odl – список
odt dd – элементы списка
Списки могут быть вложенными, разные типы списков можно использовать вместе,
Точное представление трех типов списков зависит от ПА
Специальные символы
http://ru.wikipedia.org/wiki/Мнемоники_в_HTML
Цвета
color - предопределённое слово, или числовая спецификация RGB.
Список названий цветов:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white и yellow.
body {color: black; background: white } h1 { color: maroon }
h2 { color: olive }