Теги HTML

Файл

Файл, содержащий текст с HTML-разметкой*.htm или *.html
Может быть создан любым текстовым редактором
Регистронезависимый язык

Теги

Tag (тег) – ярлык, этикетка
ТегСодержимое
Автономный тег

Структура HTML-документа

Заголовок документа




Тело документа

Комментарий

Заголовки

Заголовок

Заголовок

Заголовок

Заголовок

Заголовок

Заголовок

Абзац и разрыв строки

Абзац

Шрифт

Жирныйbold text
Курсивitalic text
Подчеркнутыйunderlined text

Шрифт

_{Подстрочный}subscripts
^{Надстрочный}superscripts

Шрифт

Текст, который          не изменяется                    браузером

Специальные символы

< < или <
> > или >
" " или " quote
& & или & ampersand
 © или © copyright
 ™ или ™ trademark
  или no break space
…

Цвет

В HTML цвет задается двумя способами
с помощью шестнадцатеричного кода
по названию некоторых цветов

Цветовая модель RGB

Красный Red
Зеленый Green
Синий Blue

Цветовая модель RGB

Три цветовых составляющих
RED
GREEN
BLUE
Каждая цветовая составляющая имеет значение в диапазоне0  255 или00  FF

Цветовая модель RGB

Формирование цветаDB + 60 + 1C = DB601C

Перед кодом цвета добавляется символ ##DB601C или #db601c

Цветовая модель RGB

Названия цветов

Выбор цвета

Web-цвета

Для каждой цветовой составляющей можно использовать только значения00336699ССFF

Web-цвета

Примеры web-цветов#336699#66FF00#0033СС#FFCC99#000000#333333

Web-цвета

Сколько всего web-цветов?

Выбор цвета

Определение

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

Гиперссылка

Гиперссылкаanchorhyperreference

Гиперссылки

Яndex
FTP
Послать письмо

Гиперссылки

АбсолютныеНГТУ
Относительные(пример – файл contents.html)Глава 1Приложение 2Новости

Гиперссылки внутри документа

ЗакладкиЧто такое ICANNЧто такое система доменных имен DNS
Ссылки на закладкуЧто такое ICANNЧто такое система доменных имен DNS

Гиперссылки внутри документа

ЗакладкиЧто такое ICANNЧто такое система доменных имен DNS
Ссылки на закладкуЧто такое ICANNЧто такое система доменных имен DNS

Гиперссылки

Закладка в файле chapter1.htmlВопросы к гл. 1
Закладка в файле chapter2.htmlВопросы к гл. 2
Ссылки на закладки в файле contents.htmlВопросы к гл. 1Вопросы к гл. 2

Гиперссылки

Послать письмо
cc – Carbon Copy
bcc – Blind Carbon Copy

Форматы графических файлов

jpg (jpeg) – Joint Photographic Experts Group
gif – Graphic Interchange Format
png – Portable Graphic Network

Вставка изображений

imagesource

Маркированный список


• Красный

• Желтый

• Зеленый


Красный
Желтый
Зеленый

Нумерованный список


1. Красный

2. Желтый

3. Зеленый


Красный
Желтый
Зеленый

Теги для разметки таблицы

Для разметки таблицы используются три основных тега

Таблица

Таблица

Таблица

Таблица

Мета-теги

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

Мета-теги

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

Примеры

Примеры