Информатика и выч. техника \ Информационные технологиии Интернет

Разработка и публикация web-страниц. Основные команды языка HTML по созданию Web-страниц, страница 2

</FONT>

Пример определения типа шрифта Symbol:

<FONT face=Symbol>

</FONT>

Форматирование абзацевосуществляется тегами, управляющими параметрами абзацев:

·  абзацы начинаются с тэга <P> и заканчиваются тэгом </P>;

·  тэг <BR> вставляет символ конца строки, чтобы последующий текст отображался с новой строки;

·  тэг <CENTER> указывает браузеру, что необходимо выравнивать по центру текст всех строк, расположенных до тега </CENTER>.

Создание заголовков. В языке HTML возможно использование заголовков шести уровней. Заголовок первого уровня считается самым главным и используется для выделения названия документа. Для задания заголовков используется тег <Hx> и парный ему </Hx>.

Пример заголовка третьего уровня:

<H3> Заголовок третьего уровня</H3>

Создание списков. В языке HTML поддерживаются создание маркированных списков и нумерованных списков.

Маркированные списки создаются с помощью тэгов <UL> и <LI>. Порядок создания списка следующий:

a)  поместить в текст документа тэг <UL>.

b)  пометить каждый элемент списка тэгом <LI>.

c)  завершить формирование списка тэгом </UL>.

Пример создания простого списка:

<UL>

<LI> Элемент 1

<LI> Элемент 2

<LI> Элемент 3

</UL>

Нумерованные списки создаются с помощью тэгов <OL> и <LI>.

Порядок создания списка следующий:

a)  поместить в текст документа тэг <OL>.

b)  пометить каждый элемент списка тэгом <LI>.

c)  завершить формирование списка тэгом  </OL>.

Пример создания простого списка:

<OL>

<LI> Элемент 1

<LI> Элемент 2

<LI> Элемент 3

</OL>

Отметим, что элементы списка, помечаемые тэгом <LI>, могут состоять из нескольких параграфов. В этом случае для разделения параграфов используется стандартный тэг <P>.

Фоновое оформление выполняется с помощью атрибута bgcolor. Существует две формы задания цвета: символьная, при которой указывается название цвета, и цифровая, которая указывается как шестнадцатеричное значение. Чтобы заданный цвет отобразить  на любом браузере лучше использовать шестнадцатеричное значение.

Пример задания стандартного цвета (голубого) фона в символьной форме:

<BODY bgcolor=”blue”>

Пример задания кода цвета фона (светлой морской волны) в цифровой форме:

<BODY bgcolor=”#99FFFF”>

Вставка рисунка. Рисунки вставляются тэгом <IMG SRC="...\папка\имя_файла">. Вставлять можно рисунки двух типов: jpg или gif. Gif-файлы могут быть анимированными. В jpg-формате обычно хранят фотографии. У тэга имеются следующие атрибуты:

·  width, height – задают размеры рисунка по ширине и высоте. Если они не указаны, и браузер полностью не выкачал рисунок, то общее форматирование HTML-документа "поплывет", поэтому всегда следует указывать эти параметры.

·  border – задает размер рамки. Если рисунок является гиперссылкой этот атрибут, как правило, приравнивают к нулю, в противном случае будет видна рамка рисунка. Чем больше значение, тем шире рамка.

Пример задания толщины рамки рисунка:

<IMG border=3 SRC="...\папка\имя_файла">

·  alt – задает текст, который будет всплывать при наведении мышки на рисунок. Этот атрибут полезен также в случае, когда клиент "сидит" на малоскоростной линии, и у него отключена загрузка рисунков.

Пример организации всплывающего текста:

<IMG alt="На оглавление" SRC="...\папка\имя_файла">

·  hspace, vspace – определяют расстояние от рисунка до ближайших соседних объектов по горизонтали и по вертикали в пикселях.

Пример установки для рисунка из файла begemot.jpg пустых полей вокруг него в 80 пикселей:

<IMG vspace=80 hspace=80 SRC="D:\Primer\IMAGES\begemot.jpg ">

IMAGES – папка, где находится графический файлbegemot.jpg.

Скачать файл