Главная

Категории:

ДомЗдоровьеЗоологияИнформатикаИскусствоИскусствоКомпьютерыКулинарияМаркетингМатематикаМедицинаМенеджментОбразованиеПедагогикаПитомцыПрограммированиеПроизводствоПромышленностьПсихологияРазноеРелигияСоциологияСпортСтатистикаТранспортФизикаФилософияФинансыХимияХоббиЭкологияЭкономикаЭлектроника






Изменение размера и цвета шрифта


Для изменения размера шрифта в HTML предусмотрен одиночный тег <FONT>, который имеет атрибут SIZE. Используя этот атрибут, можно установить абсолютный размер шрифта (от 1 до 7) или относительный по отношению к основному шрифту страницы (-4 до +4). Синтаксис определения размера шрифта следующий:

<FONT SIZE=значение>

Размер основного шрифта документа устанавливается одиночным тегом <BASEFONT>, который имеет следующий синтаксис:

<BASEFONT SIZE=значение>

Для изменения цвета шрифта служит атрибут COLOR:

<FONT COLOR=X>

COLOR=X – устанавливает цвет текста. Параметр Х задается шестнадцатеричным кодом или словом, указывающим цвет на английском языке.

Шестнадцатеричный и именной цветовые коды

blaсk черный "#000000"
red красный "#FF0000"
green зеленый "#008000"
blue голубой "#0000FF"
white белый "#FFFFFF"
gray серый "#808080"
yellow желтый "#FFFF00"
gold золотой "#FFD700"
lime лимонный "#00FF00"
teal бирюзовый "#008080"
purple пурпурный "#800080"
fuchsia фуксиновый "#FF00FF"

 

Для указания типа шрифта служит атрибут FACE.

 

Создание линий в HTML

Для разделения текста на части можно воспользоваться горизонтальными линиями. Тег <HR> вставляет в текст горизонтальную разделительную линию. Этот тег имеет следующие атрибуты:

WIDTH – определяет длину линии в пикселях или процентах от ширины окна браузера.

SIZE – определяет толщину линии в пикселях.

ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:

left – выравнивание по левому краю документа.

right – выравнивание по правому краю документа

center – выравнивание по центру документа (используется по умолчанию).

NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.

COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.

Например:

<HR NOSHADE WIDTH="50%">

<HR ALIGN=CENTER COLOR=GREEN WIDTH="50%">

<HR SIZE=7 WIDTH="50%">

 

Вставка комментариев

Комментарии служат для того, чтобы можно было проще разобраться в HTML-коде документа. Они служат пояснениями к отдельным фрагментам кода. Для вставки комментариев используется синтаксис:

<! - - Текстовая часть комментария - - >

Комментарии могут занимать несколько строк:

<! - - Этот комментарий

занимает две строки - - >

Типы списков

 

Списки – это очень мощное средство структурирования документа. С их помощью можно обеспечить четкую и ясную подачу материала.

В HTML существуют следующие типы списков:

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

Маркированный <UL>

Список определений <DL>

Нумерованные списки называют упорядоченными. Они создаются с помощью тега <OL></OL>. Каждый элемент списка внутри этого тега определяется с помощью тега <LI>. Синтаксис определения списка имеет вид:

<OL TYPE=тип> <!- - Определяется нумерованный список - - >

<LI> 1-й элемент списка

<LI> 2-й элемент списка

…….

<LI> Последний элемент списка

</OL>

Атрибут TYPE устанавливает стиль форматирования списка арабскими или римскими цифрами, а также буквами алфавита. Параметр "тип" может принимать значения, приведенные ниже.

Для изменения нумерации элемента внутри списка следует установить значение параметра для атрибута TYPE в соответствующем этому элементу теге <LI>, используя конструкцию:

<LI TYPE=тип>

Последующие элементы списка будут иметь нумерацию, указанную в атрибуте TYPE тега <OL>.

 

Значение параметра "тип" Стиль отображения
Нумерация арабскими цифрами (применяется по умолчанию)
а Строчные буквы латинского алфавита
А Прописные буквы латинского алфавита
i Нумерация строчными римскими цифрами
I Нумерация прописными римскими цифрами

В отличие от нумерованных в маркированных списках перед каждым элементом отображается маркер. Создание маркированных списков производится с помощью HTML-конструкции вида:

<UL TYPE=ТИП_МАРКЕРА>

<LI TYPE= ТИП_МАРКЕРА>элемент списка

<LI>элемент списка

<LI TYPE= ТИП_МАРКЕРА>элемент списка

</UL>

Для маркированных списков могут быть применены различные типы маркеров:

 

Тип маркера Изображение в окне браузера
Disk Заполненный кружок
Square Заполненный квадратик
Circle Незаполненный кружок

 

Списки определений служат для создания абзацев, определяющих термин, указанный в элементе списка. Элементы списка определений состоят из названия элемента и его описания, поэтому такие списки в какой-то мере напоминают толковые словари. Названия элемента устанавливается с помощью тега <DT>, а его определение с помощью тега <DD>. Для определения списка определений применяется следующая синтаксическая конструкция:

<DL>

<DT> Элемент списка (термин)

<DD> Определение элемента списка

<DT> Следующий элемент списка (термин)

<DD>Определение элемента списка

<DT> Последний элемент списка (термин)

<DD>Определение элемента списка

</DL>

Таблицы в HTML

 

Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. В HTML таблицы используются не только традиционно, как метод представления данных, но и как средство форматирования Web-страниц.Для размещения кода таблицы HTML служит контейнер <TABLE> </TABLE>. При описании таблицы нужно указать количество строк и столбцов, а также их расположение. Строки определяются с помощью теговой пары <TR></TR>.Каждый контейнер <TR> содержит одну строку таблицы. Внутри этого контейнера помещаются описания ячеек. Для этого служит пара <TD></TD>, а также теги <TH></TH> и атрибут COLSPAN. Внутри контейнера TD помещаются данные, записываемые в ячейки, а внутри контейнера TH – заголовки столбцов или названия строк таблицы. Контейнер TD размещается внутри контейнера строк таблицы. Если за тегами <TD> и <TH> следуют другие теги <TD>, <TH> или <TR>, то они считаются закрытыми и закрывать их необязательно.При создании таблицы, кроме определения количество строк и столбцов, следует также определить такие общие характеристики, как надпись, подпись, рамка, интервалы между ячейками.Для определения надписи (названия таблицы) служит контейнер <CAPTION>.Для определения рамки предназначен атрибут BORDER=n, где n – толщина линии рамки, выраженная в количестве пикселей (по умолчанию принимает значение, равное 1).Для определения ширины таблицы служит атрибут WIDTH=ЗНАЧЕНИЕ, где ЗНАЧЕНИЕ указывает абсолютное значение ширины в пикселях или относительное в процентах от ширины экрана, например:<TABLE BORDER=2 WIDTH=600><TABLE BORDER=2 WIDTH="60%">Определение количества столбцов производится посредством атрибута COLS=n, где n – целое число.

Для определения интервалов в таблице служат атрибуты и CELLPANDING. Атрибут CELLSPASING – определяет расстояние между ячейками, выраженное в пикселях, а атрибут устанавливает расстояние между границей ячейки и ее содержимым. Например:

 

<TABLE BORDER=2 WINDTH=600 CELLSPASING=4 CELLPANDING=5 >

Типы гиперссылок

 

Существуют три основных типа гиперссылок: внутренние, внешние и относительные.

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

Внешние ссылки – это ссылки на другие Web-сервера.

Относительные ссылки – это на другие Web-страницы, расположенные на одном сервере со страницей.

В каждой ссылке содержится URL (Uniform Resource Locator) – унифицированный локатор ресурсов. URL – это адрес Web-страницы.

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

Тип протокола определяет вид ресурса Internet, с которым устанавливается связь. Самым распространенным протоколом является http:// - протокол передачи гипертекста, с помощью которого по Web передаются HTML-документы.

Собственного адреса – это имя файла, каталога или компьютера.

 

Например:

http://www.huracan-oreiro.narod.ru/read.html

В этом примере префикс http:// указывает тип используемой службы Интернета, www.huracan-oreiro - представляет имя сервера. Компонент narod.ru определяет домен, в котором находится сервер.

 



Последнее изменение этой страницы: 2016-07-22

headinsider.info. Все права принадлежат авторам данных материалов.