Парные теги форматирования заголовков и подзаголовков

Протоколы интернета

В общем случае протокол – это язык общения, т.е. некоторая заранее определенная договоренность по порядку и принципу обмена данными в сети.

Протокол – это правила передачи данных из компьютерной сети.

Основные протоколы, используемые в работе ИНТЕРНЕТ:

· TCP/IP (протокол управления передачей/интернет-протокол) – является не одним протоколом, а целым набором протоколов, работающих совместно. Именно на этом протоколе основана вся сеть Интернет. Протокол верхнего уровня, TCP, отвечает за правильность преобразования сообщений в пакеты информации, из которых на приемной стороне собирается исходное послание. Протокол нижнего уровня, IP, отвечает за правильность доставки сообщений по указанному адресу. Иногда пакеты одного сообщения могут доставляться разными путями.

· IСМР – протокол межсетевых управляющих сообщений. С помощью этого протокола компьютеры и устройства в сети обмениваются друг с другом управляющей информацией. К примеру этот протокол используется для передачи сообщений об ошибках, проверки доступности узла, и т.д.

· POP - протокол почтового отделения. Этот протокол используется для получения электронной почты с почтовых серверов.

· SMTP - протокол передачи сообщений электронной почты.

· HTTP (протокол передачи гипертекста). HTTP был разработан для эффективной передачи по Интернету Web-страниц.

· IMAP – протокол для чтения почты. Пользователь читает сообщения электронной почты, не загружая их на свой компьютер. Все сообщения хранятся на сервере. При удалении сообщения оно удаляется с сервера.

РРР – обеспечивает управление конфигурацией, обнаружение ошибок и повышенную безопасность при передаче данных.

OSPF - используется для маршрутизации пакетов в компьютерных сетях.

 

 

Создание слоев

Чтобы создать слой, необходимо использовать либо тэг <layer> либо <ilayer>.

Тег <layer> используется для тех слоев, которые можно точно позиционировать. Если же не указывать положение слоя (с помощью параметров left и top), то по умолчанию он помещается в верхний левый угол окна.

Тег <ilayer> создает слой, положение которого определяется при формировании документа.

 

Параметр	Описание
name=" layerName "	Название слоя
left= xPosition	Абсцисса левого верхнего угла
top= yPosition	Ордината левого верхнего угла
z-index= layerIndex	Номер индекса для слоя
width= layerWidth	Ширина слоя в пикселах
clip=" x1_offset, y1_offset, x2_offset, y2_offset "	Задает видимую область слоя
above=" layerName "	Определяет, какой слой окажется под нашим
below=" layerName "	Определяется, какой слой окажется над нашим
Visibility=show|hide|inherit	Видимость этого слоя
bgcolor=" rgbColor "	Цвет фона - либо название стандартного цвета, либо rgb-запись
background=" imageURL "	Фоновая картинка

 

Сервисы интернета

В настоящее время в Интернет существует достаточно большое количество сервисов, обеспечивающих работу со всем спектром ресурсов. Наиболее известными среди них являются:

· электронная почта (E-mail) – технология и предоставляемые ее услуги по пересылке и получению электронных сообщений по компьютерной сети. Обмен сообщениями осуществляется за счет взаимодействия двух программ: почтового сервера и почтового клиента;

· телеконференции, или группы новостей (Usenet), обеспечивающие возможность коллективного обмена сообщениями;

· сервис FTP – система файловых архивов, обеспечивающая хранение и пересылку файлов различных типов;

· сервис Telnet, предназначенный для управления удаленными компьютерами в терминальном режиме;

· WWW (W3) – гипертекстовая (гипермедиа) система, предназначенная для интеграции различных сетевых ресурсов в единое информационное пространство;

· сервис DNS, или система доменных имен, обеспечивающий возможность использования для адресации узлов сети мнемонических имен вместо числовых адресов;

· wap – поисковая система, как сервис интернет;

· сервис IRC, предназначенный для поддержки текстового общения в реальном времени (chat);

Перечисленные выше сервисы относятся к стандартным. Это означает, что принципы построения клиентского и серверного программного обеспечения, а также протоколы взаимодействия сформулированы в виде международных стандартов.

Фреймы

Фрейм (от англ. frame — рамка) — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

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

Принципы создания фреймов:

1. Необходимо создать документ фреймовой структуры (разметки) – HTML-файл, в котором описана структура и расположение фреймов. Такой файл не содержит никакого содержимого (ни текста, ни графической информации в нем нет), а только специальные тети, описывающие расположение и размеры файлов. Теги также содержат ссылки на все документы, вставляемые в каждый конкретный файл. При создании, следует продумать на какие области разделить экран.

2. Подготовка отдельных HTML-файлов для каждого фрейма. Они создаются по тем же правилам, что и обычные web-страницы, следует только учитывать размер области, в которой будет отображен файл.

Пример

<HTML> <HEAD> <TITLE>Пример фреймов</TITLE> </HEAD> <FRAMESET атрибут cols или row> один или несколько тегов <FRAME> </FRAMESET> </HTML>

Параметры:

bordercolor= — цвет линии границы.

frameborder= — отображать рамку вокруг фрейма или нет. Значение 1 создает рамку, значение 0 — отменяет.

marginheight задает величину отступа страницы от верхнего и нижнего краев фрейма. Значение указывается в пикселах.

name= — уникальное имя фрейма.

noresize= — определяет, можно изменять размер фрейма пользователю или нет.

scrolling= — способ отображения полосы прокрутки во фрейме.

src= — путь к файлу, предназначенному для загрузки во фрейме.

Тег <frameset> — это парный тег, описывающий компоновку фреймов. В нём содержится информация о числе фреймов, их размерах и ориентации (горизонтальной, вертикальной). У тега <frameset> всего лишь два возможных атрибута: cols, row.

Особенности тега <frameset>:

1. Между тегами <frameset> не должно быть тега <body>, никаких тегов и атрибутов, используемых с тегом <body>.

2. Единственными тегами, которые могут быть между <frameset> это теги:

– <frame>;

– <frameset>;

– <noframe>. Между тегами <noframe> уже помещается тег <body> и внутри уже можно описывать как обычный сайт.

Язык HTML позволяет:

1) Создавать и редактировать Web-страницы, в том числе свою домашнюю Web-страницу, которую можно затем разместить в Интернете;

2) Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.);

3) Создавать мультимедийные презентации, слайд-шоу, демонстрационные проекты, благодаря гипертекстовым ссылкам и возможности вставлять в документ HTML рисунки, диаграммы, анимации, видеоклипы, музыкальное и речевое сопровождение, текстовые спецэффекты (например, бегущая строка).

Основные понятия языка HTML.

1. Элемент - это конструкция языка HTML, или контейнер, содержащий данные. Web-страница представляет собой набор элементов.

2. Тег - это стартовый и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, например: <HTML>. Конечный тег всегда снабжается косой чертой: </HTML>.

3. Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки позволяют переходить от одного документа к другому.

4. Фрейм - область гипертекстового документа со своими полосами прокрутки.

5. Апплет - программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы.

6. Скрипт - программа, включенная в состав Web-страницы для расширения ее возможностей.

7. Загрузка (DownLoad) - копирование документа с Web-сервера на компьютер клиента.

UpLoad - копирование документа c компьютера клиента на Web-сервер - используется при создании собственной Web-страницы (т.е. при ее опубликовании).

Общая структура типичного простейшего документа HTML:

<HTML>

<HEAD>

<TITLE>Название документа</TITLE>

</HEAD>

<BODY>

Текст самого документа HTML

</BODY>

</HTML>

 

К основным элементам HTML-разметки заголовка относятся:

1. HEAD (элемент разметки HEAD);

2. TITLE (заглавие документа);

3. BASE (база URL);

4. META (метаинформация);

5. LINK (общие ссылки);

6. STYLE (описатели стилей);

7. SCRIPT (скрипты).

 

TITLE служит для задания имени документу

BASE служит для определения базового URL для гипертекстовых ссылок документа, заданных в неполной форме.

META содержит управляющую информацию, которую браузер использует для правильного отображения и обработки содержания тела документа.

LINK используется для загрузки внешних описателей стилей.

STYLE предназначен для размещения описателей стилей.

SCRIPT служит для размещения кода JavaScript, VBScript или JScript.

Все указанные теги – парные.

CSS – это каскадные таблицы стилей, т.е. формальный язык описания внешнего вида документа, написанного с помощью языка разметки. Преимущественно используется как средство описания оформления внешнего вида оформления web-страниц, написанных с помощью HTML. Кроме того могут применятся с любыми XML. CSS используется для задания цветов (заливки, фона, рамки на таблице и т.д.), шрифтов (начертание, размер и т.д.), расположение отдельны блоков (отступы, центрирование текста и т.д.) и некоторых других аспектов внешнего вида. Основная цель CSS – это разделить логическое описание web-страницы от описания внешнего вида страницы. Такое разделение увеличивает доступность документа, предоставить большую гибкость и возможность управления его представлением (его внешним видом). Эти таблицы стилей могут располагаться как в самом HTML-документе, внешний вид которого они описывают, так и в отдельном файле, которое имеет расширение *.css (например, style.css). По сути css-документ – это обычный текстовый файл. В нем не содержится ничего, кроме перечня правил оформления и комментариев к ним. В случае, если таблицы стилей находятся в отдельном файле (style.css), то подключить к вашей web-странице можно 4 различными способами:

1 способ

Посредством тега <Link>. Он располагается между тегами <head> </head>. Имеет атрибут href для указания места расположения и названия таблиц стилей. Все правила подключенной таблицы стилей будут действовать на протяжении всего web-документа.

Пример

<head>

<link rel=”st” type=”text/css”href=”style.css”>

</head>

2 способ

Посредством директивы @import, которая располагается между группой тегов <style> </style>, которые в свою очередь находятся между тегами <head> </head>.

Пример

<head>

<style type=”text/css” media=”all” >

@import url(style.css);

</style>

</head>

3 способ

Внедрение таблицы стилей в сам html-документ.

Правило такого внедрения указывается между тегами <style></style>. Эти теги между тегами <head> </head>. Эти правила будут действовать на протяжении всего HTML-документа.

Пример

<head>

<style type=”text/css” media=”all” >

st1 {color: red;}

</style>

</head>

 

 

4 способ

Использование встроенных стилей – невозможность его применять для других элементов кроме тех, для кого он описан. Описание стилей может располагаться внутри какого-либо тега. Его распространение будет на области заключенной между конкретным тегом.

Пример

<p style=”font size: 21 px; color: green;”> Заголовок 1</p>

 

Правила каскадирования

Принцип каскадирования применятся в случае, когда к некоторому элементу html-документа поставлено в соответствие одновременно более одного правила CSS, т.е. когда происходит «конфликт» значений этих правил. Чтобы разрешить такие конфликты применяют принципы приоритета или правила каскадирования:

– наиболее низким приоритетом обладает стиль браузера;

– стиль, заданный пользователем браузера в его настройках;

– наиболее высоким приоритетов обладает стиль, заданный непосредственно автором страницы. Между стилями заданными автором приоритеты расставляются так:

– самый низкий приоритет у стилей, наследуемых в документе элементом от своих предков;

– более высокий приоритет у стилей, заданных во внешних таблицах стилей, подключенных к документу;

– еще более высокий приоритет у стилей, заданных непосредственно селекторами всех 10 видов, содержащихся в контейнерах style данного документа;

– и еще более высоким приоритетом у стилей, объявленных непосредственно в теге данного элемента через атрибут style;

– самый высокий приоритет у стилей, объявленных автором страницы с помощью сопроводительного слова !important.

 

 

Теги для работы с графикой

Тег <IMG> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border="0" в тег <IMG>. Рисунки также могут применяться в качестве ссылок. Тег имеет ряд атрибутов:

– align="bottom | left | middle | right | top" – Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

– border="толщина рамки» – Толщина рамки вокруг изображения.

– height="высота" – Высота изображения.

– width="ширина» – Ширина изображения.

– hspace="отступ по горизонтали» – Горизонтальный отступ от изображения до окружающего контента.

– vspace="отступ по вертикали" – Вертикальный отступ от изображения до окружающего контента.

– src="URL" – Путь к графическому файлу.

Нумерованный список можно вывести с помощью тега:

<OL> <LI> 1 строка списка <LI> 2 строка списка </OL>

Где <LI> - каждый элемент такого списка. Нумерация проставляется автоматически.

Пример:

<OL> <LI>яблоко</LI> <LI>груша</LI> <LI>помидор</LI> <LI>огурец</LI> </OL>

1. яблоко 2. груша 3. помидор 4. огурец

Тэг <OL> может иметь следующие параметры: <OL TYPE=" * ">, где *
I - большие римские цифры
i - маленькие римские цифры
A - большие латинские буквы
a - маленькие латинские буквы
1 - обычные цифры

<OL START="Число, с которого будет начинаться отсчет в списке">

 

Расположение внутри тега

Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий.

< a href="delete.php" onclick="return confirm('Вы уверены?');">Удалить</ a >

Вынесение в отдельный файл

Есть и третья возможность подключения JavaScript — написать скрипт в отдельном файле, а потом подключить его с помощью конструкции

< script type="text/javascript" src="http://Путь_к_файлу_со_скриптом"></ script >

 

Комментарии в JavaScript нужны для того, чтобы сделать исходный код удобочитаемым.

Однолинейные JavaScript комментарии начинаются с двух слэшей //, многолинейные /*

 

Пример

//Создадим массив

var x=new Array();

//Запишем в массив элементы

x[0]='1 элемент массива';

x[1]='2 элемент массива';

x[2]='3 элемент массива';

x[3]='4 элемент массива';

//Посчитаем сколько элементов находится в массиве x и выведем результат на страницу

document.write('Массив содержит '+x.length+' элемента.');

 

Пример

//Создадим массив

var x=new Array();

//Запишем в массив элементы

x[0]='1 элемент массива';

x[1]='2 элемент массива';

x[2]='3 элемент массива';

x[3]='4 элемент массива';

/* Изменим порядок следования элементов в массиве на противоположный и выведем

содержимое массива на страницу */

document.write(x.reverse());

 

Событие	Объект	Причина возникновения
Abort	Image	Прерывание загрузки изображения
Click	Area, Button, Checkbox, Document, Link, Radio, Reset, Submit	Клик мыши на элементе
DblClick	Area, Document, Link	Двойной клик на элементе
DragDrop	Window	Перемещение в окно браузера
KeyDown	Document, Image, Link, Textarea	Нажатие клавиши на клавиатуре
KeyPress	Document, Image, Link, Textarea	Удержание клавиши на клавиатуре
KeyUp	Document, Image, Link, Textarea	Отпускание клавиши на клавиатуре
Load	Document, Image, Layer, Window	Загрузка элемента
MouseDown	Button, Document, Link	Нажата кнопка мыши
MouseMove	Window	Мышь в движении
MouseOut	Area, Layer, Link	Мышь выходит за границы элемента
MouseOver	Area, Layer, Link	Мышь находится над элементом
MouseUp	Button, Document, Link	Отпущена кнопка мыши
Move	Frame	Перемещение элемента
Reset	Form	Сброс формы
Resize	Frame, Window	Изменение размеров
Select	Text, Textarea	Выделение текста
Submit	Form	Передача данных
Unload	Window	Выгрузка текущей страницы

 

Функции

//Объявление функцииvar имяфункции=function(пер1, пер2){Код функции}//Вызов функцииимяфункции(пер1,пер2);

имяфункции задает имя функции. Каждая функция на странице должна иметь уникальное имя. Имя функции должно быть задано латинскими буквами и не должно начинаться с цифр.

пер1 и пер2 являются переменными или значениями, которые можно передавать внутрь функции. В каждую функцию может быть передано неограниченное количество переменных.

Даже если в функцию не передаются переменные не забывайте вставлять круглые скобки "()" после имени функции.

Имена функций в JavaScript чувствительны к регистру.

 

Атрибуты

align Определяет выравнивание таблицы.

background Задает фоновый рисунок в таблице.

bgcolor Цвет фона таблицы.

border Толщина рамки в пикселах.

bordercolor Цвет рамки.

cellpadding Отступ от рамки до содержимого ячейки.

cellspacing Расстояние между ячейками.

cols Число колонок в таблице.

height Высота таблицы.

width Ширина таблицы.

 

Протоколы интернета

В общем случае протокол – это язык общения, т.е. некоторая заранее определенная договоренность по порядку и принципу обмена данными в сети.

Протокол – это правила передачи данных из компьютерной сети.

Основные протоколы, используемые в работе ИНТЕРНЕТ:

· TCP/IP (протокол управления передачей/интернет-протокол) – является не одним протоколом, а целым набором протоколов, работающих совместно. Именно на этом протоколе основана вся сеть Интернет. Протокол верхнего уровня, TCP, отвечает за правильность преобразования сообщений в пакеты информации, из которых на приемной стороне собирается исходное послание. Протокол нижнего уровня, IP, отвечает за правильность доставки сообщений по указанному адресу. Иногда пакеты одного сообщения могут доставляться разными путями.

· IСМР – протокол межсетевых управляющих сообщений. С помощью этого протокола компьютеры и устройства в сети обмениваются друг с другом управляющей информацией. К примеру этот протокол используется для передачи сообщений об ошибках, проверки доступности узла, и т.д.

· POP - протокол почтового отделения. Этот протокол используется для получения электронной почты с почтовых серверов.

· SMTP - протокол передачи сообщений электронной почты.

· HTTP (протокол передачи гипертекста). HTTP был разработан для эффективной передачи по Интернету Web-страниц.

· IMAP – протокол для чтения почты. Пользователь читает сообщения электронной почты, не загружая их на свой компьютер. Все сообщения хранятся на сервере. При удалении сообщения оно удаляется с сервера.

РРР – обеспечивает управление конфигурацией, обнаружение ошибок и повышенную безопасность при передаче данных.

OSPF - используется для маршрутизации пакетов в компьютерных сетях.

 

 

Создание слоев

Чтобы создать слой, необходимо использовать либо тэг <layer> либо <ilayer>.

Тег <layer> используется для тех слоев, которые можно точно позиционировать. Если же не указывать положение слоя (с помощью параметров left и top), то по умолчанию он помещается в верхний левый угол окна.

Тег <ilayer> создает слой, положение которого определяется при формировании документа.

 

Параметр	Описание
name=" layerName "	Название слоя
left= xPosition	Абсцисса левого верхнего угла
top= yPosition	Ордината левого верхнего угла
z-index= layerIndex	Номер индекса для слоя
width= layerWidth	Ширина слоя в пикселах
clip=" x1_offset, y1_offset, x2_offset, y2_offset "	Задает видимую область слоя
above=" layerName "	Определяет, какой слой окажется под нашим
below=" layerName "	Определяется, какой слой окажется над нашим
Visibility=show|hide|inherit	Видимость этого слоя
bgcolor=" rgbColor "	Цвет фона - либо название стандартного цвета, либо rgb-запись
background=" imageURL "	Фоновая картинка

 

Сервисы интернета

В настоящее время в Интернет существует достаточно большое количество сервисов, обеспечивающих работу со всем спектром ресурсов. Наиболее известными среди них являются:

· электронная почта (E-mail) – технология и предоставляемые ее услуги по пересылке и получению электронных сообщений по компьютерной сети. Обмен сообщениями осуществляется за счет взаимодействия двух программ: почтового сервера и почтового клиента;

· телеконференции, или группы новостей (Usenet), обеспечивающие возможность коллективного обмена сообщениями;

· сервис FTP – система файловых архивов, обеспечивающая хранение и пересылку файлов различных типов;

· сервис Telnet, предназначенный для управления удаленными компьютерами в терминальном режиме;

· WWW (W3) – гипертекстовая (гипермедиа) система, предназначенная для интеграции различных сетевых ресурсов в единое информационное пространство;

· сервис DNS, или система доменных имен, обеспечивающий возможность использования для адресации узлов сети мнемонических имен вместо числовых адресов;

· wap – поисковая система, как сервис интернет;

· сервис IRC, предназначенный для поддержки текстового общения в реальном времени (chat);

Перечисленные выше сервисы относятся к стандартным. Это означает, что принципы построения клиентского и серверного программного обеспечения, а также протоколы взаимодействия сформулированы в виде международных стандартов.

Фреймы

Фрейм (от англ. frame — рамка) — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

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

Принципы создания фреймов:

1. Необходимо создать документ фреймовой структуры (разметки) – HTML-файл, в котором описана структура и расположение фреймов. Такой файл не содержит никакого содержимого (ни текста, ни графической информации в нем нет), а только специальные тети, описывающие расположение и размеры файлов. Теги также содержат ссылки на все документы, вставляемые в каждый конкретный файл. При создании, следует продумать на какие области разделить экран.

2. Подготовка отдельных HTML-файлов для каждого фрейма. Они создаются по тем же правилам, что и обычные web-страницы, следует только учитывать размер области, в которой будет отображен файл.

Пример

<HTML> <HEAD> <TITLE>Пример фреймов</TITLE> </HEAD> <FRAMESET атрибут cols или row> один или несколько тегов <FRAME> </FRAMESET> </HTML>

Параметры:

bordercolor= — цвет линии границы.

frameborder= — отображать рамку вокруг фрейма или нет. Значение 1 создает рамку, значение 0 — отменяет.

marginheight задает величину отступа страницы от верхнего и нижнего краев фрейма. Значение указывается в пикселах.

name= — уникальное имя фрейма.

noresize= — определяет, можно изменять размер фрейма пользователю или нет.

scrolling= — способ отображения полосы прокрутки во фрейме.

src= — путь к файлу, предназначенному для загрузки во фрейме.

Тег <frameset> — это парный тег, описывающий компоновку фреймов. В нём содержится информация о числе фреймов, их размерах и ориентации (горизонтальной, вертикальной). У тега <frameset> всего лишь два возможных атрибута: cols, row.

Особенности тега <frameset>:

1. Между тегами <frameset> не должно быть тега <body>, никаких тегов и атрибутов, используемых с тегом <body>.

2. Единственными тегами, которые могут быть между <frameset> это теги:

– <frame>;

– <frameset>;

– <noframe>. Между тегами <noframe> уже помещается тег <body> и внутри уже можно описывать как обычный сайт.

Язык HTML позволяет:

1) Создавать и редактировать Web-страницы, в том числе свою домашнюю Web-страницу, которую можно затем разместить в Интернете;

2) Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.);

3) Создавать мультимедийные презентации, слайд-шоу, демонстрационные проекты, благодаря гипертекстовым ссылкам и возможности вставлять в документ HTML рисунки, диаграммы, анимации, видеоклипы, музыкальное и речевое сопровождение, текстовые спецэффекты (например, бегущая строка).

Основные понятия языка HTML.

1. Элемент - это конструкция языка HTML, или контейнер, содержащий данные. Web-страница представляет собой набор элементов.

2. Тег - это стартовый и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, например: <HTML>. Конечный тег всегда снабжается косой чертой: </HTML>.

3. Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки позволяют переходить от одного документа к другому.

4. Фрейм - область гипертекстового документа со своими полосами прокрутки.

5. Апплет - программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы.

6. Скрипт - программа, включенная в состав Web-страницы для расширения ее возможностей.

7. Загрузка (DownLoad) - копирование документа с Web-сервера на компьютер клиента.

UpLoad - копирование документа c компьютера клиента на Web-сервер - используется при создании собственной Web-страницы (т.е. при ее опубликовании).

Общая структура типичного простейшего документа HTML:

<HTML>

<HEAD>

<TITLE>Название документа</TITLE>

</HEAD>

<BODY>

Текст самого документа HTML

</BODY>

</HTML>

 

К основным элементам HTML-разметки заголовка относятся:

1. HEAD (элемент разметки HEAD);

2. TITLE (заглавие документа);

3. BASE (база URL);

4. META (метаинформация);

5. LINK (общие ссылки);

6. STYLE (описатели стилей);

7. SCRIPT (скрипты).

 

TITLE служит для задания имени документу

BASE служит для определения базового URL для гипертекстовых ссылок документа, заданных в неполной форме.

META содержит управляющую информацию, которую браузер использует для правильного отображения и обработки содержания тела документа.

LINK используется для загрузки внешних описателей стилей.

STYLE предназначен для размещения описателей стилей.

SCRIPT служит для размещения кода JavaScript, VBScript или JScript.

Все указанные теги – парные.

CSS – это каскадные таблицы стилей, т.е. формальный язык описания внешнего вида документа, написанного с помощью языка разметки. Преимущественно используется как средство описания оформления внешнего вида оформления web-страниц, написанных с помощью HTML. Кроме того могут применятся с любыми XML. CSS используется для задания цветов (заливки, фона, рамки на таблице и т.д.), шрифтов (начертание, размер и т.д.), расположение отдельны блоков (отступы, центрирование текста и т.д.) и некоторых других аспектов внешнего вида. Основная цель CSS – это разделить логическое описание web-страницы от описания внешнего вида страницы. Такое разделение увеличивает доступность документа, предоставить большую гибкость и возможность управления его представлением (его внешним видом). Эти таблицы стилей могут располагаться как в самом HTML-документе, внешний вид которого они описывают, так и в отдельном файле, которое имеет расширение *.css (например, style.css). По сути css-документ – это обычный текстовый файл. В нем не содержится ничего, кроме перечня правил оформления и комментариев к ним. В случае, если таблицы стилей находятся в отдельном файле (style.css), то подключить к вашей web-странице можно 4 различными способами:

1 способ

Посредством тега <Link>. Он располагается между тегами <head> </head>. Имеет атрибут href для указания места расположения и названия таблиц стилей. Все правила подключенной таблицы стилей будут действовать на протяжении всего web-документа.

Пример

<head>

<link rel=”st” type=”text/css”href=”style.css”>

</head>

2 способ

Посредством директивы @import, которая располагается между группой тегов <style> </style>, которые в свою очередь находятся между тегами <head> </head>.

Пример

<head>

<style type=”text/css” media=”all” >

@import url(style.css);

</style>

</head>

3 способ

Внедрение таблицы стилей в сам html-документ.

Правило такого внедрения указывается между тегами <style></style>. Эти теги между тегами <head> </head>. Эти правила будут действовать на протяжении всего HTML-документа.

Пример

<head>

<style type=”text/css” media=”all” >

st1 {color: red;}

</style>

</head>

 

 

4 способ

Использование встроенных стилей – невозможность его применять для других элементов кроме тех, для кого он описан. Описание стилей может располагаться внутри какого-либо тега. Его распространение будет на области заключенной между конкретным тегом.

Пример

<p style=”font size: 21 px; color: green;”> Заголовок 1</p>

 

Правила каскадирования

Принцип каскадирования применятся в случае, когда к некоторому элементу html-документа поставлено в соответствие одновременно более одного правила CSS, т.е. когда происходит «конфликт» значений этих правил. Чтобы разрешить такие конфликты применяют принципы приоритета или правила каскадирования:

– наиболее низким приоритетом обладает стиль браузера;

– стиль, заданный пользователем браузера в его настройках;

– наиболее высоким приоритетов обладает стиль, заданный непосредственно автором страницы. Между стилями заданными автором приоритеты расставляются так:

– самый низкий приоритет у стилей, наследуемых в документе элементом от своих предков;

– более высокий приоритет у стилей, заданных во внешних таблицах стилей, подключенных к документу;

– еще более высокий приоритет у стилей, заданных непосредственно селекторами всех 10 видов, содержащихся в контейнерах style данного документа;

– и еще более высоким приоритетом у стилей, объявленных непосредственно в теге данного элемента через атрибут style;

– самый высокий приоритет у стилей, объявленных автором страницы с помощью сопроводительного слова !important.

 

 

Парные теги форматирования заголовков и подзаголовков

<H1>, <H2>, <H3>, <H4>, <H5>, <H6>. При этом заголовки будут выведены большими буквами, причем размер букв у тега <H1> будет самый большой, у <H2> меньше, у <H3> еще меньше и т.д.

Парные теги форматирования символов текста:

<B> - идентификатор полужирного шрифта.

<strong> - идентификатор выделенного шрифта.

<i> - идентификатор курсива.

<U> - идентификатор подчеркивания.

<s> - идентификатор перечеркивания.

<tt> - идентификатор равноширинного шрифта (телетайпного или курьера).

<big> - задает увеличенный размер шрифта.

<small> - задает уменьшенный размер шрифта.

<CENTER> - задает центрирование текста.

<sub> - задает нижний индекс.

<sup> - задает верхний индекс.