Отправляет email-рассылки с помощью сервиса Sendsay

Программирование на JavaScript: просто о сложном.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Всё о работе в Интернет" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Апрель 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Владимир

Статистика

1.761 подписчиков
0 за неделю
←   Все выпуски   →

Программирование на JavaScript: просто о сложном.


Информационный Канал Subscribe.Ru

ГЛАВНАЯ     УЧЕБНИК     СКРИПТЫ    



ВЫПУСК 3

Принципы гипертекстовой разметки. Структура документов

Группы тагов НТМL

Все таги НТМL по их назначению и области действия можно разделить на следующие основные группы

  • определяющие структуру документа;
  • оформление блоков гипертекста (параграфы, списки, таблицы, картинки);
  • гипертекстовые ссылки и закладки;
  • формы для организации диалога;
  • вызов программ.

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка - это адрес другого HTML документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена.

Для записи гипертекстовых ссылок в системе WWW была разработана специальная форма, которая называется Universe Resource Locator. Типичным примером использования этой записи можно считать следующий пример: 

 Этот текст содержит 
 <A HREF="HTTP://javascript05.narod.ru/index.html"> 
гипертекстовую ссылку</A>

В приведенном выше примере таг "A", который в HTML называют якорем (anchor), использует атрибут "HREF", который обозначает гипертекстовую ссылку (Hypertext Reference), для записи этой ссылки в форме URL. Данная ссылка указывает на документ с именем "INDEX.HTMl" в директории "altai" на сервере "polyn.net.kiae.su", доступ к которому осуществляется по протоколу "http".

Гипертекстовые ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки и общие. Контекстные ссылки вмонтированы в тело документа, как это было продемонстрировано в предыдущем примере, в то время как общие ссылки связаны со всем документом в целом и могут быть использованы при просмотре любого фрагмента документа. Оба класса ссылок присутствуют в стандарте языка с самого его рождения, однако, первоначально наибольшей популярностью пользовались контекстные ссылки. Эта популярность привела к тому, что механизм использования общих ссылок практически полностью "атрофировался". Однако по мере стандартизации интерфейса пользователя и стилей представления информации разработчики языка снова вернулись к общим ссылкам и стремятся приспособить их к задачам управления этим интерфейсом. Справедливости ради, следует отметить, что общие гипертекстовые ссылки в большинстве броузеров не используются и не отображаются.

Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры. Собственно, сам документ - это один большой контейнер который начинается с тага <HTML> и заканчивается тагом </HTML>: 

   <HTML> Содержание документа  </HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY):

Рассмотрим простейший пример классического документа:

Пример 1.1 

   <HTML> 

  <HEAD>  

 <TITLE>Simple Document</TITLE>  
 
</HEAD>  
 
<BODY  text=#0000ff  BACKGROUND=#f0f0f0 > 

  <H1>Пример простого документа</H1>  

 <HR>  
 Формы HTML-документов  

 <UL> 
  
<LI>Классическая  
 <LI>Фреймовая  

 </UL> 
 
 <HR>  

 </BODY>  

 </HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм может быть загружена своя страница HTML. Приведем пример документа с фреймами.

Пример 1.2 

  
<HTML>  
 <HEAD>  

 <TITLE>Frame Sample</TITLE>  

 </HEAD>  
 <FRAMESET COLS="30%,*">  
 
<FRAME SRC=HTML-LECTURE.HTMl NAME=LEFT>  

<FRAME SRC=HTML-LEC-1.HTMl NAME=RIGHT>  

</FRAMESET>  
 
</HTML>




А сейчас - новый скрипт:

Страница с изменением цвета фона

   

<html>


<head>


<SCRIPT LANGUAGE="Javascript">


function makearray(n) {


this.length = n;


for(var i = 1; i <= n; i++)


this[i] = 0;


return this;


}


hexa = new makearray(16);


for(var i = 0; i < 10; i++)


hexa[i] = i;


hexa[10]="a"; hexa[11]="b"; hexa[12]="c";


hexa[13]="d"; hexa[14]="e"; hexa[15]="f";


function hex(i) {


if (i < 0)


return "00";


else if (i > 255)


return "ff";


else


return "" + hexa[Math.floor(i/16)] + hexa[i%16];


}


function setbgColor(r, g, b) {


var hr = hex(r); var hg = hex(g); var hb = hex(b);


document.bgColor = "#"+hr+hg+hb;


}


function fade(sr, sg, sb, er, eg, eb, step) {


for(var i = 0; i <= step; i++) {


setbgColor(


Math.floor(sr * ((step-i)/step) + er * (i/step)),


Math.floor(sg * ((step-i)/step) + eg * (i/step)),


Math.floor(sb * ((step-i)/step) + eb * (i/step)));


   }


}


function fadein() {


fade(255,255,255,0,0,0,255);


}


// End -->


</SCRIPT>



</head>


<body onLoad="fadein()">


<font color=white>Страница с изменением цвета фона</font>


</body>


</html>

На этом на сегодня все.
До встречи в следующих выпусках.
Владимир.

javascript05@narod.ru
http://subscribe.ru/
http://subscribe.ru/feedback/		 Подписан адрес:
Код этой рассылки: inet.webbuild.javascript05		 Отписаться
В избранное