HTML (HyperText Markup Language)
Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий тег. Элементы могут быть вложенными друг в друга. Тег – начальный и конечный маркер элемента. Атрибут – параметр или свойство элемента. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами. кавычки обязательны (рекомендованы) имена тегов и атрибутов нечувствительны к регистру для любого из атрибутов определено значение по умолчанию форматирование текста, введённое с клавиатуры игнорируется браузером содержимое
Структура HTML страницы заголовок окна основное содержимое Документ HTML Заголовок документа Внешний заголовок Тело документа
Базовые теги разметки … - параграф - переход на новую строку …. - заголовок (N=1..6) строчный элемент документа блочный фрагмент документа
Форматирование текста … - полужирный (bold) … - курсив (italic) … - подчёркивание (underline).. - увеличить размер шрифта.. - уменьшить размер шрифта.. (.. ) - перечёркивание.. - нижний индекс (subscript).. - верхний индекс (superscript).. - телетайп (моноширинный шрифт)
Выделение текста … - выделенный текст (обычно курсив) … - определение … - выделение (жирный шрифт).. - цитаты и ссылки (курсив).. - адрес (курсив).. - ввод с клавиатуры (моноширинный) Теги для фрагментов программ.. - текст программы.. - примеры вывода данных.. - переменные
Разделитель size – толщина линии в пикселах width – длина линии в пикселах либо в % от ширины окна (просто число – пикселы, со знаком % - проценты ) noshade – убрать объёмное представление линии color – цвет разделителя, задаётся либо словом, либо RGB схемой color=redкрасный color=lightgrey светло-серый color=#ffff00 жёлтый right left center
Шрифт (устарел) …. face - семейство шрифтов (Напр. Times, Arial, sherif) size – размер, от 1 до 7, если без знака, то размер, если со знаком, то увеличение/уменьшение относительно текущего размера color – цвет, задаётся либо словом, либо RGB схемой
Списки - ненумерованный список … - нумерованный список … circle disc square 1iIaA1iIaA type: – 1 - 1, 2, 3, 4…. – i – i, ii, iii, iv…. – I – I, II, III, IV… – a – a, b, c, d… – A – A, B, C, D… start: – начальный номер списка
Списки определений - начало списка … - пункт 1 … - определение 1 пункта 1 … - пункт 2 … - определение 1 пункта 2
Коды символов > "" (пробел) && ©© «« » » | ¦ ±± ·· °°
Таблицы Таблица 1 Колонка 1 Колонка Колонка 1 Колонка Таблица 1
Гиперссылки Ссылки на документы … _blank – открыть в новом окне _self – открыть в том же окне Ссылки на разделы (внутри документа) … - метка … - переход на метку Ссылки на адрес … Ссылки на файл …
Графика src=URL - URL графического файла align=… - выравнивание (обтекание) картинки (left, center, right, top, bottom, middle) width=… - ширина картинки в пикселах height=… - высота картинки в пикселах alt=… - альтернативный текст vspace=… - отступ по вертикали от границ картинки hspace=… - отступ по горизонтали от границ картинки border=… - ширина рамки вокруг картинки (только если картинка используется, как гиперссылка)