текстовых документов. HTML состоит из тегов.
Основным назначением HTML тегов является

указание области действия тех или иных
правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег <...> и закрывающий тег
.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

Тольятти 2018

которого выполнятся разметка исходного текста. Тег записывается в угловых скобках.

Имя

атрибута
Имя тега Значение атрибута

Страница должна иметь заголовок

Атрибут Содержимое элемента

Закрывающий
тег

Теги не отображаются сами, а влияют на способ отображения
документа. Атрибуты – свойства тегов.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

языке HTML.
Этот тег указывает на начало области заголовка Web-страницы.

Структура Web-страницы Обязательный контейнер, содержащий текст заголовка Web-страницы, отображается в заголовке окна браузера.
Конец области заголовка Web-страницы.
Тело Web-страницы.


Конец HTML-документа.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

уровня
Заголовок второго уровня
………..
Самый маленький

заголовок
Атрибут ALIGN – выравнивание управляет горизонтальным выравниванием, принимает значения:
LEFT - влево, CENTER – по центру, RIGHT – вправо,
JUSTIFY – по ширине.

Заголовок первого уровня

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

строку
Текст - выделение текста полужирным шрифтом
Текст - выделение

текста курсивом

 Текст 

- предварительное форматирование текста.
- выравнивание по центру

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

Имеет атрибуты:
color - цвет
face - шрифт
size — размер
Изменения вносятся после

тега перед основным
текстом.
Размер шрифта может принимать значения от 1 до 7, при этом 1 — самый маленький, 7 — самый большой.

Это шрифт arial
размером 3, цвет синий

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

пункт списка


Атрибут TYPE определяет внешний вид маркера:
disc – закрашенные круглые

маркеры (по умолчанию);
circle – не закрашенные круглые маркеры;
square – квадратные маркеры.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

списка

Атрибут TYPE определяет вид символа списка:
А – прописные латинские буквы

(A, B, C …);
a – строчные латинские буквы (a, b, c …);
I – большие римские цифры (I, II, III …);
i – маленькие римские цифры (I, II, III …);
1 – арабские цифры (1, 2, 3 …) – по умолчанию.
START=n – начальное значение списка.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

другой документ или на другую часть того же документа.
Задается тегами

, обязательно наличие одного из атрибутов HREF и NAME.
Ссылка за пределы данного документа:
Текст для щелчка Атрибут NAME позволяет перейти к отмеченному якорем
месту этого же документа:

Текст для щелчка

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

(image). Он не содержит конечного тега - вся необходимая информация

задается при помощи
атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в
гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д.
Необходимым атрибутом является src - указатель на
файл графики:
src="Ссылка на файл".
Например:
- обычный рисунок

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

позиционирование на экране (top, middle, bottom, left, right)
BORDER - толщина

обрамления
VSPACE - размер пустого пространства над и под изображением
HSPACE - размер пустого пространства слева и справа от изображения

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

длинный формально неограниченный текст на отдельные разделы.
Атрибуты:
SIZE – толщина линии

в пикселях;
WIDTH – ширина линии в пикселях или в процентах от ширины окна браузера;
ALIGN – положение на экране (слева, справа, по центру);
NOSHADE – линия представляется простой однотонной темной полосой.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

текст в верхней TOP, средней MIDDLE,
нижней BOTTON области бегущей строки;
BEHAVIOR

– управление бегущей строки на экране:
SCROLL – текст пересекает экран (по умолчанию);
SLIDE – текст выдвигается на экран и останавливается;
ALTERNATE – текст выдвигается, затем перемещается взад-вперед.
BGCOLOR –цвет фона;
DIRECTION – направление движения текста (LEFT, RIGHT);
HEIGHT – высота в пикселях или в %;
WIDTH – ширина в пикселях или в %;
LOOP – количество проходов бегущей строки;
SCROLLAMOUNT – скорость перемещения текста (1 – min, 2000-max);
SCROLLDELAY – время в млс для перерисовки текста.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

"Школа №86", г. Тольятти 2018

плитка, заполнит фон документа.



TOPMARGIN – верхняя граница

в пикселях;
BOTTOMMARGIN – нижняя граница в пикселях;
LEFTMARGIN – левая граница в пикселях;
RIGHTMARGIN – правая граница в пикселях.
LINK - цвет гиперссылки;
ALINK – цвет активной гиперссылки.

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

решать чисто дизайнерские задачи:
выравнивать части страницы друг относительно друга, размещать

рядом рисунки и текст, управлять цветовым оформлением.
При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элементы для описания каждой ячейки в с строке TD.

- внешний элемент таблицы
Подпись таблицы
- элемент, задающий строку таблицы
- элемент, задающий ячейку таблицы
- столбец таблицы Например:
Таблица из 2 строк, в первой строке - 2 ячейки, во втрой – 3.

1.1	1.2
2.1	2.2	2.3

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

– фоновое изображение для всей таблицы;
BGCOLOR – фоновый цвет;
BORDERCOLOR –

цвет рамки;
CELLPADDING – расстояние от границ ячейки до ее содержимого;
CELLSPACING – расстояние между ячейками в пикселах;
HSPACE – свободное пространство от таблицы слева и справа;
SPACE - свободное пространство от таблицы снизу и сверху;
COLSPEC – столбцы фиксированной ширины в символах или в процентах;
WIDTH – ширина таблицы в пикселах или в процентах от текущей ширины окна браузера (WIDTH=256, WIDTH=100%).

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

– фоновое изображение для всей таблицы;
BGCOLOR – фоновый цвет;
BORDERCOLOR –

цвет рамки;
CELLPADDING – расстояние от границ ячейки до ее содержимого;
CELLSPACING – расстояние между ячейками в пикселах;
HSPACE – свободное пространство от таблицы слева и справа;
SPACE - свободное пространство от таблицы снизу и сверху;
COLSPEC – столбцы фиксированной ширины в символах или в процентах;
WIDTH – ширина таблицы в пикселах или в процентах от текущей ширины окна браузера (WIDTH=256, WIDTH=100%).

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

автор Web-сайта?
Что такое HTML?
С помощью каких программных средств можно создавать

Web-страницы?
Какова роль гиперссылок на Web-страницах?
Предложите ряд тем для Web-сайтов, которые бы, с вашей точки зрения, могли иметь общественный
интерес?

Трохачева А.В., МБУ "Школа №86", г. Тольятти 2018

г. Тольятти 2018