Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Включение CSS в HTML

Читайте также:
  1. ВКЛЮЧЕНИЕ В СЦЕНУ НЕСКОЛЬКИХ АНИМИРОВАННЫХ ОБЪЕКТОВ
  2. ВКЛЮЧЕНИЕ И ВЫКЛЮЧЕНИЕ КАМЕРЫ
  3. Включение и отключение ветви.
  4. Включение и отключение стояночного тормоза.
  5. Включение и создание таблиц
  6. ВКЛЮЧЕНИЕ КОФЕВАРКИ

CSS можно включать в HTML тремя способами:

<link rel="stylesheet" type="text/css" href="style.css">

<style type="text/css">

body { 

color: red;  

} 

</style>

<style type="text/css">

...описание стилей для элементов...

@import url (style.css)

...продолжение описания стилей для элементов...

</style>

В этом случае происходит объединение всех стилей в таблицах, сделанных внутри документа, с импортированной таблицей из файла. Конфликтные ситуации разрешаются с помощью механизма каскадирования.

Ниже приводится пример применения внешнего и внутреннего листа стилей

<?xml version="1.0" encoding="windows-1251"?>

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>

  <title>Связь листов стилей с HTML-документом</title>

<!-- Подключение внешнего листа стилей style1.css -->

<link rel="stylesheet" href="style1.css" type="text/css" />

<!-- Определение внутреннего листа стилей -->

<style type="text/css">

<!--

/* Подключение внешнего листа стилей style2.css */

@import url(style2.css);

/* Правила внутреннего листа стилей */

h1 { 

background-color: rgb(0, 102, 0); /* Темно-зеленый цвет фона для всех   заголовков первого уровня */

}  

-->

</style>

</head>

<body>

<h1>Элементы логической разметки HTML</h1>

<p>Все элементы логической разметки можно подразделить на два типа: блочные (block) и внутристрочные (inline).</p>

<p>Разница между ними заключается в том, что при визуальном отображении страницы следующие друг за другом блочные элементы располагаются вертикально, а внутристрочные — горизонтально.</p>

<p>Иными словами, любой блочный элемент всегда разрывает строку, а внутристрочный — нет.</p>

<!-- Для последнего абзаца используется полужирное начертание -->

<p><style="font-weight: bold">Абзац является примером блочного элемента — он всегда начинается с новой строки. Любой элемент, который следует за абзацем, будет также перенесен на новую строку.</p>

</body></html>

DHTML

Dynamic HTML или DHTML — это способ создания интерактивного веб-сайта, используя сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей) и DOM (объектной модели документа).

Язык программирования Java, разработанный в 1993 году компанией Sun Microsystems и напоминающий по структуре и синтаксису язык С, существует сегодня в двух вариантах: JavaScript и собственно Java. JavasScript является надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно.

Модуль Java в отличии от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением.class, т.е. апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме. С помощью технологии Java можно придать своей странице элементы интерактивности, формировать, компоновать и полностью контролировать формат всплывающих окон и встроенных фреймов, организовать такие активные элементы, как «часы», «бегущие строки» и иную анимацию, создать чат. Большинство web-камер, передающих на сайт «живое» изображение, также работают на базе соответствующих приложений Java.

Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули, обеспечивающие работу Java-программ. Главный недостаток Java заключается в том, что пользователи броузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут.

Он может быть использован для создания приложения в Web-браузере: например для более простой навигации или для придания интерактивности форм. DHTML может быть использован для динамического перетаскивания элементов по экрану. Также он может служить как инструмент для создания основанных на браузере видео-игр.

DHTML приложения, которые вполне автономны в браузере, без серверной поддержки, такой как база данных, иногда вынуждены обращаться к Single Page Applications, или SPA. Смотри Comparison of layout engines (DOM), чтобы узнать больше о списке API-функций, доступных в каждом браузере для использования в DHTML-приложении.

Одно из неудобств DHTML — это сложность разработки и отладки, из-за различной степени поддержки среди web-браузеров вышеупомянутой технологии, а также разнообразие размеров экрана означает, что правильно отображаться будет только в ограниченном количестве браузеров и комбинаций размера экрана. Развитию последних браузеров таких как Internet Explorer 6.0, Netscape 6.0+ и Opera 7.0+, помогает общая DOM.

DOM (от англ. Document Object Model — «объектная модель документов») — это платформенно-независимый программный интерфейс, позволяющий программам и скриптам управлять содержимым документов HTML и XML, а также изменять их структуру и оформление.

Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого содержит элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями родитель-потомок.

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


Дата добавления: 2015-11-14; просмотров: 48 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Синтаксис CSS| The Middle Ages

mybiblioteka.su - 2015-2024 год. (0.008 сек.)