- •Языки разметки документов Язык разметки
- •Задание функций обработки выделенных элементов
- •Выделение логических элементов документа
- •Описательная разметка
- •Теговая структура языка разметки
- •Инструментарий
- •Структура документа
- •Тег meta . Атрибут http-equiv
- •Тег meta . Атрибут name
- •Текст и шрифтовое оформление Логическая и физическая разметка
- •Элементы физической разметки
- •Элементы логической разметки
- •Другие элементы
- •Спецсимволы html
- •Список определений
- •Вложенные списки
- •Гиперссылки
- •Гиперссылки. Тег а
- •Гиперссылки. Url
- •Адрес ссылки может быть абсолютным, относительным и неполным.
- •Активные изображения
- •Серверные карты
- •Создание таблицы
- •Пример таблицы
- •Области применения таблиц в html
- •Фреймы в html
- •Элементы фреймовой структуры
- •Особенности фреймовой структуры
- •Фреймовая структура
- •Вложение фреймовая структура
- •История css
- •Включение css в html
- •Включение css в html. Внедрение
- •Включение css в html. Встраивание
- •Включение css в html. Импортирование
- •Включение css в html. Связывание
- •Синтаксис css
- •Синтаксис css. Селекторы
- •Синтаксис css. Псевдоклассы
- •Синтаксис css. Наследование
- •Язык xml Общие сведения о xml
- •Синтаксис xml
- •Конструкции языка xml Элементы данных
Области применения таблиц в html
В HTML таблицы используются не только традиционно, как метод представления данных, но и как средство вёрстки страницы
Логотип |
Меню 2 |
Меню 1 |
Основной текст
|
Баннеры |
Соединение графики
Суть этого приёма довольно проста. Если на вашей странице есть большие картинки, то их можно разрезать. Резать можно в любом графическом редакторе.
Самое главное в этой технологии правильно подогнать размеры ячеек к размерам кусочков рисунка.
Графическое представление таблиц.
Создание декоративной рамки
Добавление тени
и др.
Фреймы в html
Фрейм (англ. frame — кадр, рамка) — в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию.
Фрейм(в языке HTML) — область окна браузера для представления отдельной WEB-страницы, то есть, по сути, это отдельное окно.
Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с другом. В каждую из подобластей можно загрузить отдельный HTML-документ, просмотр которого осуществляется независимо от других.
Между фреймами, также как и между отдельными окнами браузера, при необходимости можно организовать взаимодействие, которое заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.
Элементы фреймовой структуры
Тег <FRAMESET>- определяет структуру фреймов наWEB-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельнаяWEB-страница определяемая с помощью тега FRAME.
Тег <FRAME>- определяет свойства отдельного фрейма, на которые делится окно браузера.
Тег <IFRAME>- создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.
Тег <NOFRAMES>- содержимое тега NOFRAMES отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое тега NOFRAMES.
Особенности фреймовой структуры
Документ HTML, в котором описывается фреймовая структура (называемый документом с фреймами), выглядит не так, как документ HTML без фреймов.
Стандартный документ имеет один раздел <HEAD >и один раздел <BODY>.
Документ с фреймами имеет раздел <HEAD >и раздел <FRAMESET>, который заменяет раздел BODY.
<html>
<head> <title> … </title> </head>
<frameset>
<frame>
</frameset>
</html>
Тег <FRAME>
Элемент <FRAME> определяет содержимое и вид одного фрейма. Должен располагаться в контейнере <FRAMESET>. Не является контейнером. Закрывающий тег не требуется.
Атрибуты:
src - ОпределяетURLфайла, предназначенного для загрузки во фрейм.src=URL
name- Задает уникальное имя фрейма, которое можно указать в качестве цели ссылки (как значение атрибутаtargetтега <A>).name= ‘имя фрейма’
noresize - Определяет, можно изменять размер фрейма пользователю или нет. noresize
scrolling - Способ отображения полосы прокрутки во фрейме.scrolling=auto|no|yes
bordercolor - Цвет линии границы (некоторые браузеры не поддерживают этот атрибут, напримерOpera). bordercolor = цвет | #RRGGBB
frameborder- Отображать рамку вокруг фрейма или нет (некоторые браузеры не поддерживают этот атрибут, напримерOpera). frameborder =1 | 0
Тег <FRAMESET>
Тег <FRAMESET> задает расположение фреймов в основном окне агента пользователя. Является контейнером. Закрывающий тег обязателен.
Тег <FRAMESET> заменяет собой элемент <BODY> на WEB-странице.
Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области. В контейнере FRAMESET размещаются теги <FRAME> , описывающие свойства отдельного фрейма. В контейнере FRAMESET может присутствовать элемент NOFRAMES с альтернативным содержимым для агентов пользователей, не поддерживающих фреймы или сконфигурированных так, чтобы их не показывать.
Атрибуты:
bordercolor - Цвет линии границы (некоторые браузеры не поддерживают этот атрибут, напримерOpera). bordercolor = цвет | #RRGGBB
frameborder- Определяет отображать рамку вокруг фрейма или нет (некоторые браузеры не поддерживают этот атрибут, напримерOpera). frameborder = 1 | 0
border - Толщина границы между фреймами.border=n
framespacing- Аналог параметраborder, задает ширину границы. более старый параметр и поддерживается браузерами для совместимости с их ранними версиями.framespacing=n
cols - Устанавливает ширину или пропорции фреймов в виде колонок.
cols= “100, 500”
cols= “20%, 20% , 60%”
cols= “1*, 1*, 2*, 3*”
rows - Задает размер или пропорции фреймов в виде строк.
rows= “100, 500”
rows= “20%, 20% , 60%”
rows= “1*, 1*, 2*, 3*”