WEB технологии HTML — стандартизированный язык разметки документов во Всемирной паутине. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, начало и конец каждого элемента обозначается специальными пометками — тегами. Теги могут иметь атрибуты, определяющие какие-либо их свойства. Атрибуты указываются в открывающем теге. Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет. Теги могут быть вложенными. Сайт — это совокупность гипертекстовых страниц. Web-пространство — это мировая совокупность сайтов. Сайт расположен на сервере, серверы соединены между собой при помощи каналов связи. Адрес документа в Интернете http: // www.vasya.ru / images/new/ qq.jpg Протокол для обмена webстраницами адрес сайта каталог (папка) имя файла СТРУКТУРА ПОСТРОЕНИЯ ОДНОСТРАНИЧНОГО HTML ДОКУМЕНТА СОДЕРЖИМОЕ СТРАНИЦЫ ГИПЕРТЕКСТ Переход внутри одного документа текст – на экран выводится ссылка: текст ... – сюда браузер приходит по ссылке. 1. Имя метки должно быть уникальным; 2. Символ # перед именем обязательный.

CОДЕРЖАНИЕ

• От автора
• В Москве
• Из Лефортова в Хамовники
• Театральная площадь
• Интернет о Гиляровском

Владимир Гиляровский. Москва и москвичи

ОТ АВТОРА

Я -- москвич! Сколь счастлив тот, кто может произнести это слово, вкладывая в него всего себя. В браузере это выглядит так: Переход к другому документу текст Переход к метке другого документа F1.htm ... текст (на экран выводится ссылка: текст) ... F2.htm ... текст второго файла … СПИСКИ

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

• 1-й элемент списка
• 2-й элемент списка
• 3-й элемент списка

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

2. 1-й элемент списка
3. 2-й элемент списка
4. 3-й элемент списка
5. 3-й элемент списка
6. 3-й элемент списка
7. 3-й элемент списка

Таблицы ... Атрибуты align (left, right) выравнивание bakground указывается фоновое изображение для таблицы bgcolor задается цвет фона всей таблицы border=n граница таблицы толщиной в n пикселей bordercolor задается цвет обрамления всей таблицы bordercolordark темный цвет для эффекта тени рамки bordercolorlight светлый цвет для эффекта тени рамки cellpadding=n между границами ячейки и ее содержимым поместить область свободного пространства шириной в n пикселей. cellspacing задается интервал между ячейками таблицы в n пикселей width задается ширина таблицы (в пикселях или процентах) ... ячейка таблицы Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. VALIGN определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. WIDTH определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы. HEIGHT определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к высоте таблицы. COLSPAN определяет количество столбцов, на которые простирается данная ячейка. ROWSPAN - определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение BGCOLOR - определяет цвет фона ячейки. Задается либо RGBзначением в шестнадцатиричной системе, либо одним из 16 базовых цветов. BACKGROUND заполняет ячейку фоновым рисунком. ... строка таблицы Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right. VALIGN определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle. BGCOLOR определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов

1 строка 1 ячейка

1 строка 2 ячейка

1 строка 3 ячейка

2 строка 1 ячейка

2 строка 2 ячейка

2 строка 3 ячейка

2,3 строка 2,3 ячейки

3 строка 1 ячейка
4 строка 1 ячейка	4 строка 2 ячейка	4 строка 3 ячейка

Картинка в тексте Картинку можно поместить в документ командой . Команда не имеет парного закрывающего тега, но имеет много атрибутов. Атрибуты: src=имя_файла alt ="текст_надписи" width=n и height=m Эти атрибуты задают ширину и высоту (в пикселях) прямоугольника, в который выводится картинка. Если атрибуты не заданы, картинка рисуется в естественных размерах. border=n рамка вокруг картинки в n пикселей. Align положение картинки по отношению к соседним элементам документа. align=top — вертикальное выравнивание по верхнему краю; align=middle — вертикальное выравнивание по центру; align=bottom — вертикальное выравнивание по нижнему краю; align=left — горизонтальное выравнивание по левому краю; align=right — горизонтальное выравнивание по правому краю. Изображения на web-страницах Типы изображений для размещения на web-страницах Формат, расширение Полное название Макс. Кол-во Прозрачность? цветов GIF,gif Graphic Interchange Format 256 JPEG, jpg, jpeg Joint Photograpic Expert Group PNG-8, png Portable Network Graphics PNG-24, png Анимация ? Ускоренная загрузка? Да Да Да, 2563 Нет Нет Да, 256 Да Нет Да, 2563 Да, Нет (градиентная и "процентная" прозрачность) Да, черезстрочная прогрессивная черезстрочная черезстрочная Примеры и применение изображений в различных форматах Формат Примеры изображений Основное назначение формата GIF Текст, логотипы, иллюстрации с четкими контурами, анимированные изображения, изображения с прозрачными участками, баннеры JPEG Фотографии PNG-8 Текст, логотипы, иллюстрации с четкими контурами, изображения с прозрачными участками, баннеры PNG-24 Фотографии, рисунки с большим количеством цветов, логотипы, иллюстрации с четкими контурами, изображения с прозрачными участками, с градиентной и "процентной" прозрачностью Изображения-карты – это изображения с чувствительными к нажатию кнопки мыши областями. Разные части изображения на странице могут быть связаны с разными URL-адресами. https://colorscheme.ru/html-colors.html https://htmlweb.ru/html/table_colors.php