HTML (HyperText Markup Language, язык гипертекстовой разметки).
Базовые элементы технологии WWW
Базовые технологии и службы сети INTERNET
Архитектура службы WWW
Рис. Архитектура WWW
2. URL (Uniform Resource Locator, универсальный способ адресации ресурсов).
3. HTTP (HyperText Transfer Protocol, протокол обмена гипертекстом).
Рис. Элементы технологии WWW
Интернет – страница состоит из двух частей: заголовка (Head) и тела (Body).
<Html> - начало контейнера Html документа
<Head> - начало контейнера заголовка
<title> - начало контейнера строки названия страницы
…. – название страницы
</title> - коней контейнера строки
</head> - конец контейнера заголовка
<body> - начало контейнера тело страницы
… - тело (все содержимое)
</body> - конец контейнера тела
</html> - конец контейнера Html – документа.
Размещение и форматирование текста.
align
= center - выравнивание по центру
= left – выравнивание по левому краю
= right – выравнивание по правому краю
= justify – выравнивание по ширине
Параметры тэга <Font>:
Font =
Face = “название шрифта”
Color = “название цвета”
Size = размер шрифта
<b> …</b> - полужирный шрифт
<i>… </i> - курсив
<u>…</u>- подчеркнутый шрифт
<s>…</s>- зачеркнутый шрифт
Вставка графических изображений
<img src = имя файла. расширение> -вставка картинки из файла.
Атрибуты тэга <IMG>
Src = имя файла. расширение
.
Alt = название картинки или поясняющего текста
Width = ширина картинки (в писселях или в %)
hight = высота картинки (в пикселях или %)
border = число (в пикселях) - определяет рамку вокруг изображения.
hspace = число (в пикселях) - определяет отступ по горизонтали от изображения до текста.
Vspace = число (в пмкселях) - определяет отступ по вертикали от изображения до текста.
align =
left
right
center
Используется, чтобы сдвинуть картинку к левому, правому краю, по центру и установить обтекание картинки текстом, а затем продолжить текст в пустой области за объектом.
clear =
Left
Right
all
Параметр используется, чтобы очистить поле слева, справа или с обеих сторон графического объекта, а затем продолжить текст в пустой области за объектом
Создание HTML - таблиц.
Структура таблицы:
<table>
Начало контейнера таблицы
<tr>
Начало контейнера первой строки таблицы
<td>
Начало контейнера первой ячейки первой строки
</td>
Конец контейнера первой ячейки первой строки
<td>
Начало контейнера второй ячейки первой строки
</td>
Конец контейнера второй ячейки первой строки
</tr>
конец контейнера первой строки таблицы
<tr>
Начало контейнера второй строки таблицы
…
</tr>
конец контейнера второй строки таблицы
</table>
конец контейнера таблицы
Параметры тэга <TABLE>:
table =
width – ширина таблицы (в пикселях или %)
Border – ширина границы таблицы (в пикселях или %)
cellspacing – ширина промежутков между ячейками (в пикселях или %)
cellpadding – ширина промежутков между содержимым ячейки и ее границами (в пикселях или %)
Параметры тэгов <TH>,<TR>,<TD>:
rowspan - количество объединяемых строк
Colspan – колоичество объединяемых столбцов
Bgcolor – цвет фона заголовка, строки, столбцов
Ссылки с разных объектов на другие документы и ссылки на метки.
<a href = имя файла.расширение> активный текст или изображение </a>
<a href = URL - адрес> активный текст или изображение </a>
<a href = mailto: адрес электронной почты> активный текст или изображение </a>
Параметры тэга <Body> для задания цвета ссылок
Link = цвет или код цвета
Задает цвет ссылки
Alink = код или цвет кода
Задает цвет выбранной ссылки
Vlink = цвет или код цвета
Задает цвет просмотренной ссылки
Бегущая строка
<marquee> - начало бегущей строки
</marquee> - конец бегущей строки
Параметры тэга <marquee>
Width = ширина области бегущей строки (в пикселях или в % от высоты экрана)
Bgcolor = название цвета или его код
direction =
Left
right
loop =
n
infinite
align =
Top
Middle
bottom
behavior =
scroll
slade
alternate
scrollamount – скорость перемещения текста или графики в строке
hight – высота бегущей строки (в пикселях или в % от высоты экрана)
hspace – ширина левого и правого полей между областью бегущей строки и окружающим ее текстом или графикой (в пикселях или в % от высоты экрана)
vspace - размер отступа сверху и снизу от бегущей строки до текста или графики (в пикселях или в % от высоты экрана)
Отступы и списки
Параметры тэгов <UL>…</UL>
<ul> (unordered list) – начало списка
</ul> - конец списка
<li> - элемент списка
Параметры тэгов <UL>, </UL>, <LI>
type =
disk
circle
square
Тэги для нумерованного списка:
<ol> - начало списка
</ol> - конец списка
<li> - элемент списка
Параметры тэгов <OL>…</OL>
type =
A
I
…
Skip = количество пропущенных номеров
start – номер, с которого будет начата нумерация списка
Value = номер, который будет присвоен данному пункту списка
Тэги для списка с определениями
<dl>- начало списка
<dt> - определение
<dd> - значение определения
</dl> - конец списка
Создание фреймы
<FRAMESET>
<frame src = имя файла.расширение>
Параметры тэга <FRAMESET>
rows = ширина 1 части, ширина 2 части, … (в пикселях или %)
сols = ширина 1 части, ширина 2 части, … (в пикселях или %)
