- •Общая структура html страницы
- •Элементы форматирования текста
- •Отображение служебных символов в html
- •Вставка рисунков элемент img
- •Адресация
- •Для нескольких документов:
- •Карта ссылок
- •Font-family:шрифт
- •Font-size:размер текста
- •Ссылки (Links)
- •Ссылки на закладки
- •Синтаксис css
- •Использование классов в селекторах
- •Использование идентификаторов в селекторе
- •Стиль таблицы
- •Фреймы (Frams)
- •Вложенные фреймовые структуры -
- •Использование ссылок в фреймах
- •Встроенные фреймы.
- •Стили позиционирования элементов.
- •Стили, управляющие отображением элементов.
- •Стили курсора.
- •Псевдоклассы ссылок (стандартные)
- •Стили полос прокрутки.
Стиль таблицы
border-collapse:separate
collapse
Задает режим отображения рамок вокруг ячеек таблицы
collapse - у соседних ячеек
рамки общие
separate – у соседних ячеек
рамки свои
Фреймы (Frams)
Фреймы позволяют разделить окно браузера на несколько прямоугольных областей и вкаждую область загрузить отдельную HTML-страницу.
+ Каждый раз не перегружается все, а только одна часть.
- Сразу много страниц (фреймовая структура и загружаемые страницы) бывает проблема, что может не дозагружена
Страница с фреймовой структурой не должна содержать элемента <body>.
У элемента <frameset> должен присутствовать хотя бы один из атрибутов:
rows разбивает окно по горизонтали
cols разбивает окно по вертикали
Примеры:
<frameset rows=”50%,50%”>
<frameset rows=”50%,30%,20%”>
<frameset rows=”100,50%,50%”>
<frameset rows=”*,*”>
<frameset rows=”2*,2*,*”>
<frameset rows=”*,*” cols=”*,*,*”>
Для подключения к fram(у) html-страницы используется элемент <frame>
<frameset> делит страницу
<frame> вставляет страницу
(Деление сверху –направо, сверху-вниз)
Вложенные фреймовые структуры -
построение начинается с тех структур, которые полностью делят окно.
<
frameset
rows=”*,4*”>
<frame src=”URL1”/>
<frameset
cols=”*,*”>
<frame src=”URL2”/>
<frame src=”URL3”/>
</frameset>
</frameset>
Атрибуты элемента <frame>
<frame frameborder=”1/0” отображает/скрывает границу между фреймами
(у каждого фрейма своя граница)
scrolling=”yes/no/auto” отображение полос прокрутки
(auto – появляются, только тогда когда нужны)
noresize запрет изменения размера фрэйма пользователем при помощи мыши
Элемент <noframes> содержит текст, отображаемый в браузерах, не поддерживающих фреймовую структуру (InternetExplorer 1.0,2.0). Указывается после всей фреймовой структуры
<noframes>
Текст
</noframes>
Использование ссылок в фреймах
1
name=”right”
<
Link 1 Link
2
<frame src=”./links.htm”/>
Здесь будут загружаться
страницы
page1.htm page2.htm
</frameset>
2-я страница links.htm
<a href=”./page1/htm” target=”right”>
Link1
</a>
<a href=./page2.htm” target=”right”>
Link2
</a>
page1.htm
page2.htm
target(цель)
Если страница открывается в новом окне, то ошибка в именах.
Предопределенные (стандартные) значения атрибута <target>
_self страница загружается в текущем окне
_blank загружается в новом окне
_parent загружается в родительском frame
_top выгружается вся фреймовая структура и страница загружается в основном окне
Встроенные фреймы.
<iframe src=”URL”
width=”ширина”
height=”высота”
scrolling=”yes/no/auto”>
Text
</iframe>
Кроме того есть атрибут name
Такие структуры можно писать где угодно, как таблицы, например, в body
Пример:
<table border=”0” width=”100%” height=”100%”>
<tr>
<td width=”100%”> </td>
<td>
<iframe src=”URL” width=”100%” height=”100%”>
</iframe>
</td>
</tr>
</table>
