4 HTML ќђжаттарындаѓы сілтемелер

4 HTML кењейтілген мџмкіндіктері

4.1 HTML ќђжаттарындаѓы сілтемелер

Сілтемелерді кірістіру

HTML діњ негізгі ќасиеті ретінде оныњ басќа ќђжаттарѓа сілтемеу жасау мімкіндігі айтуѓа болады. HTML ќђжатынан алысќа орналасќан компьютерге, ќђжаттыњ ішіндегі белгілі бір орынѓа, HTML ќђжатына, басќа бір сайтќа сілтеме орнатуѓа болады. Сілтемені ђйымдастыру џшін <A href> тэгі ќолданылады.

Мысалы, <A href=penjim.narod.ru>Пенжим сайтына сілтеме</a>

Бђл мысалда біз www.penjim.narod.ru сайтына сілтеме жасадыќ. Сілтеме мѕтін тџрде жѕне сурет (кнопка) тџрде болуы мџмкін. Сурет тџрде орнату џшін <A> </a> тэгтерініњ ортасына суретті <IMG> тэгімен орнату керек.

Тапсырма – 1. Web-бетте сілтеме ђйымдастыру

HTML\1.html

<html>
<head>
<title> Меніњ алѓашќы ќадамым </title>
</head>
<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">
<center>
<H3> Сѕлеметсіздер ме, бђл меніњ алѓашќы параѓым!</H3>
<br>
<font color="#CC0000"> Ќош келдіњіздер!</font> :) </center>
<p align="justify">
<img src="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt="меніњ суретім"> Бђл параќ меніњ алѓашќы ќадамым! Виртуалды ѕлеммен мен жаќында ѓана таныстым. Меніњ љз параѓымды салѓым келді, себебі меніњ достарым кљп. Олар меніњ параѓыма кіріп <a href="1.html"> сурет </a>, бейнелерді ќарай алады. Љз пікірлерін ќалдыра алады. <br><br> Мџмкін кездейсоќ бір ќонаќ менімен танысќысы келіп ќалар, мџмкін менде. <b> таѓы бір виртуалды дос пайда болар?:) </b><br><br> Суреттерде мен бейнеленгенмін. Љкінішке орай, суреттіњ сапасы љте жаќсы емес, сондыќтан ол љте аныќ емес жѕне меніњ жџзімніњ ќырларын кљру ќиынѓа соѓып тђр. Біраќ меніњ ѕдемілігім онсыз да кљрініп тђр. :) <br><br> Егер сен де солай ойласањ, бірде кездесіп шер тарќасайыќ. Кім біледі, мџмкін мына шынайы љмірде де жаќсы дос болып ќалармыз:)
</p>
</body>
</html>

Басќа ќђжаттарѓа сілтемелер

Тљменде басќа да HTML ќђжаттарына бірнеше сілтемелері бар HTML ќђжатыныњ параметрлеріњ сипаттамасы берілген (11 кесте):

Кесте 11. Сілтеме параметрлерініњ сипаттамасы

Параметр | Сипаттамасы
HREF | <A> операторында сілтеме істеген HTML ќђжатыныњ немесе басќа объектініњ URL файлыныњ адресі HTML ќђжаттыњ ішіндегі сілтемелер ђйымдастыру џшін ќолданылады.
NAME | TARGET параметрі ќђжат жџктелетін терезе атын береді.

TARGET

Бђл параметр фреймдермен жђмыс істеген уаќытта ќолданылады. Сонымен бірге басќа да келесі мѕндерді беруге болады : _blank ќђжат жања терезеге жџктеледі;

_ parent љтпеліге ќараѓандаѓы аталыќ болып табылатын ќђжат терезеге жџктеледі.

_ seft ќђжаты сілтеме бар терезеге жџктеледі.

_ top ќђжат навигатордыњ бџкіл терезесін алады.

TITLE | Объектіге сілтеме тањдау кезінде навигатор терезесінде пайда болатын аты.

Мысалы, мына сілтеме-http://www.glasnet.ru/~frolov/index.html адресіне HREF параметрі кљмегімен кљрсетілген сілтеме орындалатын URL ќђжаттыњ адресі. Мђнда HTML ќђжатына толыќ жолы кљрсетілген:

<A HREF=http://www.glasnet.ru/~frolof/index.html

TARGET=”_top”>Џй беті</A><BR>

Мђнда TARGET параметрі кљрсетілген, љйткені, фреймдер кљмегімен ќђрылѓан ќђжат ќђжаттыњ ќђрамды бљлігі болып табылады.Ќђжат жџктелгенде навигатордыњ бџкіл терезесін алатын _top мѕні бар.

<A> жѕне </A> операторларыныњ арасында “Џй беті” ќатары орналасќан.Ќђжатты кљрсеткенде бђл ќатардыњ асты сызулы тђрады.Егер ќолданушы бђл ќатарѓа басса, онда навигатор терезесінде http://www.glasnet.ru/~frolof/index.html адресі бар HTML ќђжаты жџктеледі.

Келесі бірнеше сілтемелер љтпелі ќђжат орналасќан каталогтаѓы беттерге жџктеледі. Сондыќтан HREF параметрінде толыќ жолдыњ орнына тек ќана файл аты берілген:

<A HREF=”main.htm” TARGET=”main page”>Ќош келдіњіз</A><BR>

Ќђжаттыњ соњѓы сілтемесіне кљњіл аударсаќ:

<P><A HREF=”../eng/home.htm” TARGET=”_top”>Set English Language</A><BR>

Мђнда мен eng каталогындаѓы ќђжатќа сілтеме берілген. Бђл каталог аталыќ каталогта жазылѓан.

Ќђжат ішіндегі локалдыќ сілтемелер

Егер HTML ќђжатыныњ ђзындыѓы џлкен болса, онда оныњ бљлек логикалыќ љзіндік бљлімдерге сілтемелер ђйымдастыру керек. Мђндай сілтемелерді ќђжаттаѓы локалдыќ сілтемелер деп атаймыз.

Џлкен ќђжатты жџктеу кљп уаќытты алады, сондыќтан ќђжатты сілтемелері бар бљлек ќђжат ретінде басын ђйымдастырумен бірнеше HTML файлдарѓа бљлу мџмкіндігін ќарастыру керек.

Тљмендегі тапсырмада 2 кестеге 2 локалдыќ сілтемелер ќђрылѓан HTML ќђжатыныњ бастапќы тексті берілген:

Тапсырма - 2 Ќђжат ішіндегі локалдыќ сілтемелер

HTML\2.html

<HTML>

<HEAD>

<TITLE> HTML ќђжатындаѓы локалды сілтемелер</TITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF>

<P><A HREF="local.htm#tab1_1">1 кесте</A>

<P><A HREF="local.htm#tab1_2">2 кесте</A>

<H2><A NAME="tab1_1">1 кесте</A></H2>

<TABLE BORDER WIDTH=100%>

<CAPTION VALIGN=TOP ALIGN=RIGHT>Кесте 1. 1 кесте</CAPTION>

<TR><TH COLSPAN=3>Таќырып</TH></TR>

<TR><TH COLSPAN=2>Ђяшыќ 1 жѕне 2</TH><TH>Ђяшыќ 3</TH></TR>

<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>

<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>

<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>

</TABLE>

<H2><A NAME="tab1_2">2 кесте</A></H2>

<TABLE BORDER WIDTH=100%>

<CAPTION ALIGN=BOTTOM>2 кесте</CAPTION>

<TR><TH COLSPAN=3>Таќырып</TH></TR>

<TR><TH COLSPAN=2>Ђяшыќ 1жѕне 2</TH><TH>Ђяшыќ 3 </TH></TR>

<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>

<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>

<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>

</TABLE>

</BODY>

</HTML>

Жџгірмелі жол

Web-бетте жџгірмелі жол љте тиімді. Оныњ кѕдімгі мѕтіннен айырмашылыѓы, ол экран бетінде ќозѓалады.

<MARQUEE> </marquee>

Атрибуты:

BGColor = “RRGGBB” – жолдыњ фоныныњ тџсі

SCROLLamount = n – экран бетінде жолдыњ ќозѓалу жылдамдыѓы;

SCROLLdelay = n – келесі мѕтін ќайталанѓан кезге дейінгі милисекундтаѓы уаќытты береді;

HSPace = n – сызыќты оњ жаќ кљлденењ бљлікке ќозѓалтады

VSPace = n – жолдыњ жоѓарѓы жѕне тљменгі жаќ бљлігінде бос кењістік;

Height = n – жолдыњ биіктігі;

Widht = n – жолдыњ ені;

ALLign = “” – жолдыњ терезеге байланысты мѕтінніњ тџзетілуі

Direction = “left” или “right”– жолдыњ оњ жѕне сол жаќќа ќарай жылжуы;

Behavior = “scroll”– жолдыњ мѕтіні жоѓалады, содан кейін басќа жаќта кљрінеді

= “slide”– жол ќарама-ќарсы жаќќа ќарай ќозѓалады да, тоќтайды;

= “alternate”– ол кљрінеді де, ќарама-ќарсы жаќќа ќарай ќозѓалады;

Мысалы,

<marquee height="10" width="270" bgcolor="#99CCFF"> Web-бетте жџгірмелі жол љте тиімді
</marquee>