Oсновы HTML Hyper Text Markup Language

Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста ( 1965)

Структура документа HTML Политика Hello, Pete

Теги text полужирный шрифт text курсив Размер букв 1-7, шрифт, цвет ="#996633" Шестнадцатиричный код заголовок 6 вариантов 1-6

Основные теги заголовок тег абзаца в конце абзаца переводит строку без добавления пустой строки. добавление горизонтальной линии Теги, одиночные

Атрибуты для форматирования текста align= "left" – выравнивание влево; align= "right" – выравнивание вправо; align= "center" – выравнивание по центру align= "justify"– выравнивание по ширине Пример: текст

Форматирование шрифта задание стандарта для всего текста (одиночный тег); text цвет фона текст комментария (внутри комментария нельзя использовать знак > )

Управление стилем шрифта цитата (курсив) (вместо ) полужирный шрифт (вместо ) курсив определение (курсив) подчеркивание текста зачеркивание текста

Вставка рисунков Атрибуты размера: Width= "100" - ширина в пикселях height="50" - высота ; border ="5" - рамка атрибуты выравнивания: align = left, right, middle, top, bottom – Форматы.gif.jpg.png

Списки (неупорядоченный список) Внешние устройства ПК Внутренние устройства ПК …….. (нумерованный список) Принтер Сканер Монитор (номера добавляются автоматически)

Структура таблицы …

Таблица 2*2 (тег строки) Товары (теги ячейки) Услуги Фирма Отчет

Атрибуты тегов (ширина таблицы как % от ширины страницы) (ширина ячейки как % от ширины таблицы !!!) (высота ячейки в пикселях) align= right ( выравнивание left, center) valign=top (выравнивание по вертикали middle, bottom) Bgcolor=green(цвет фона таблицы, строки или ячейки)

Ячейки таблицы Font - задается внутри ячейки. - пробел (полезно вставлять в пустую ячейку). Rowspan= "2" – атрибут, растягивающий ячейку вниз. Colspan= "3" – атрибут, растягивающий ячейку вправо.

Гиперссылки начало (якорь-закладка) Переход к началу (локальный переход на той же странице) Новые версии на сайте Microsoft (удаленный переход) Можно перейти к моему файлу (файлы в 1-ой папке) Глава 2 (папка Way1 на уровне файла страницы) title="Рисунки... Всплывающая подсказка

Бегущая строка... перемещаются изображения, текст, таблицы, элементы форм и т.д. direction= "left | right | up | down " bgcolor="white" width="600" height="150" Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение