- •Справочный материал к теме «Основы языка html»
- •Основные теги html
- •Теги физического форматирования текста
- •Теги логического форматирования текста
- •Специальные символы html
- •Названия и коды цветов для html
- •Создание гиперссылок
- •Протокол://Домен/Путь/Файл#Метка
- •Создание фреймовой структуры
- •Каскадные таблицы стилей css
- •Способы определения стилей
- •Применение правил таблицы стилей:
- •Определение правил
- •Свойства для таблиц стилей
Специальные символы html
Запись специального символа
Назначение
<
Знак “меньше”
>
Знак “больше”
Неразрывный пробел
©
Знак copyright
&
Амперсанд
"
Кавычки
°
Градус
Названия и коды цветов для html
№
Название цвета
Шестнадцатеричное значение
Десятичные значения
Красный
Зелёный
Синий
1
aqua(cyan)
#00FFFF
0
255
255
2
black
#000000
0
0
0
3
blue
#0000FF
0
0
255
4
brown
#A52A2A
165
42
42
5
coral
#FF7F50
255
127
80
6
gold
#FFD700
255
215
0
7
gray
#808080
128
128
128
8
green
#008000
0
128
0
9
magenta
#FF00FF
255
0
255
10
orange
#FFA500
255
165
0
11
red
#FF0000
255
0
0
12
yellow
#FFFF00
255
255
0
13
white
#FFFFFF
255
255
255
14
lightgrey
#D3D3D3
211
211
211
15
lightskyblue
#87CEFA
135
206
250
Создание гиперссылок
Для создания гиперссылок используется тег A.
Параметры тега <A>:
href= “адрес_документа”
Адрес документа записывается в соответствии с существующими стандартами Интернет-адресации и представляет собой URL-адрес (UniformResourceLocator) илиURI-адрес (UniversalResourceIdentifier), что в сущности одно и то же. СтруктураURI:
Протокол://Домен/Путь/Файл#Метка
Пример: <Ahref=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– стандартная, определять её не надо.
Создание фреймовой структуры
<FRAMESET> </FRAMESET>- делит экран на области для вывода информации (фреймы).
<FRAMESET rows = "*,2*">- делит экран на две области по вертикали в пропорции 1:2 по высоте.
<FRAMESET cols = "*,2*">- делит экран на две области по горизонтали в пропорции 1:2 по ширине.
<FRAMESET cols = "20,*,30>- делит экран на три области по вертикали, первая область высотой 20 пикселей, третья – 30 пикселей, вторая занимает весь остальной экран.
<FRAMESET rows = "25%,50%,25%">- делит экран на три области по горизонтали, ширина каждой области задаётся в процентах от высоты экрана.
<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– расстояние в пикселях).
<NOFRAMES> </NOFRAMES>- тег содержит описание информации, отображаемой браузером, если он не поддерживает фреймы. Этот текст игнорируется браузерами, способными работать с фреймами.