Специальные символы HTML

Названия и коды цветов для HTML

Создание гиперссылок

Для создания гиперссылок используется тег A.

Параметры тега <A>:

href = “адрес_документа”

Адрес документа записывается в соответствии с существующими стандартами Интернет-адресации и представляет собой URL-адрес (Uniform Resource Locator) или URI-адрес (Universal Resource Identifier), что в сущности одно и то же. Структура URI:

Протокол://Домен/Путь/Файл#Метка

Пример: <A href = http://www.abc.com/mypage.htm#second_page> Текст ссылки</A>

http – протокол, используемый в сети Интернет для передачи html-документов.

www.abc.com - имя домена,

mypage.htm - имя файла,

second_page – метка в файле mypage.htm.

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

name – параметр, применяемый для определения меток в документе:

<A name = second_page></A>

Метка никак не отображается на экране.

Переход внутри файла на метку:

<A href = #second_page>Переход на вторую страницу</A>

Переход в начало файла:

<A href = #top>В начало</A>

Используемая здесь метка top – стандартная, определять её не надо.

Создание фреймовой структуры

1. <FRAMESET> </FRAMESET> - делит экран на области для вывода информации (фреймы).

<FRAMESET rows = "*,2*"> - делит экран на две области по вертикали в пропорции 1:2 по высоте.

<FRAMESET cols = "*,2*"> - делит экран на две области по горизонтали в пропорции 1:2 по ширине.

<FRAMESET cols = "20,*,30> - делит экран на три области по вертикали, первая область высотой 20 пикселей, третья – 30 пикселей, вторая занимает весь остальной экран.

<FRAMESET rows = "25%,50%,25%"> - делит экран на три области по горизонтали, ширина каждой области задаётся в процентах от высоты экрана.

2. <FRAME> </FRAME> - определяет свойства фрейма

Параметры тега <FRAME>:

src – название HTML-документа, отображаемого в данном фрейме (URI-адрес),

name – имя фрейма (name="A", где "A" – имя фрейма, данное пользователем; также существуют стандартные имена фреймов:

name="_blank" – отображает документ в новом окне,

name="_self" - отображает документ в том же окне, в котором находится текущий документ,

name="_parent" – отображает документ в родительском окне, при этом речь идёт о структуре с вложенными фреймами, т.е. о иерархической структуре фреймов,

name="_top" – отображение документа в наивысшем в иерархии окне фрейма, если такого нет, то в текущем окне фрейма,

frameborder – показ или сокрытие границ фрейма (frameborder=1 – отображает границу, frameborder=0 – прячет границу),

noresize – запрет на изменение размеров фрейма пользователем с помощью мыши, по умолчанию изменять размеры мышью можно,

scrolling – показ полос прокрутки (scrolling=yes – полосы прокрутки показываются всегда, scrolling=no – полосы прокрутки никогда не включаются, scrolling=auto полосы прокрутки включаются, когда информация не умещается в окне фрейма),

marginheight – расстояние между содержимым фрейма и верхней (нижней) границей (marginheight=n, где n – расстояние в пикселях),

marginwidth – расстояние между содержимым фрейма и левым (правым) краем (marginwidth=n, где n – расстояние в пикселях).

3. <NOFRAMES> </NOFRAMES> - тег содержит описание информации, отображаемой браузером, если он не поддерживает фреймы. Этот текст игнорируется браузерами, способными работать с фреймами.

Каскадные таблицы стилей CSS

CSS (Cascading Style Sheets) – эффективное средство автоматизации стилевого оформления HTML-документов (цвет, шрифт, отступы, интервалы, размеры элементов и т.д.). Стиль – это набор значений атрибутов, определяющих оформление электронного документа, его представление на экране. Применение стилей для оформления Web-страниц позволяет осуществить единообразное оформление однотипных элементов текста, упрощает изменение внешнего вида документа в целом и отдельных его элементов.

Определение стиля может быть:

Собственным для каждого элемента документа, например, абзаца, заголовка;

Локальным для всего документа;

Глобальным (внешним) для нескольких документов.

Стиль задаётся с помощью таблицы стилей. Любая таблица стилей состоит из набора правил. Правило состоит из двух частей: селектора и определения:

p { color:red } ,

где p – селектор, а текст в скобках { } – определение.