HTML тіліндегі гиперсілтемелер мына тегпен көрсетіледі: <a></a>. Мысалы жазба түрі
<a href="php.chm">PHP кітабын түсіріп алу</a>
Нәтижесі мынадай:
PHP кітабын түсіріп алу
href параметрі сілтеме берілетін құжаттың орнын көрсетеді, біздің мысалымызда сілтеме белгілі бір құжатқа сілтеме жасап тұр. php.rar құжаты осы HTML беттің тұрған директориясында, яғни екеуі бер жерде орналасқан. Абсолютті сілтемелер келесі түрде жазылады:
Дәл манадағы сілтемемен ұқсас, тек нақты құжаттың орналасқан жерін көрсетеді.
HTML тіліндегі сілтемелерді орналастыру тәртібі
Егер сілтеме берілетін құжат бір дәрежеге төмен директорияда (папкада) орналасқан болса, мысалы dir папкасында, онда href параметрі, яғни сілтеме келесі түрде болады: href="dir/html.rar" , ал егер бір дәрежеге жоғары орналасқан болса, онда бізге түгел жазуға тура келеді href="../html.rar".
немесе<img src="suret.jpg" width="100" height="140" alt="Менің сүйікті қалам - Алматы">. <img> тегінің параметрлерінің мәніне тоқталайық. Көріп тұрғандарыңыздай бұл дара тег. src параметрі суреттің жолын, яғни қай жерден алатынымызды көрсетеді. width және height парметрлері HTML құжатта суреттің ені мен биіктігін пиксель бойынша береді. alt параметрі альтернативті мәтін, яғни егер сурет браузерде ашылмаған жағдайда көрінетін мәтін. Нақтырақ айтсақ, HTML құжатқа қойған суретіміздің атауы десек болады.
HTML құжатқа фондық сурет қою үшін BODY тэгіне мынадай жазу қосылады: <BODY BACKGROUND="picture.gif">
<html>
<head>
<title>Фото Астана вчера и сегодня</title>
</head>
<body text="#0000FF" bgcolor="#000000">
<H1><p align="center"><i>Символы молодой столицы</i></H1>
<img src="герб.jpg" width="150" height="150">
<font size="3" color="black">
<H2><p align=center>Герб Астаны</p></H2>
В основу герба Астаны положен круглый восточный щит. На синем поле на фоне пурпурной крепостной стены - белый крылатый барс. Изображение барса представлено в скифско-зверином стиле с золотой короной в виде головного убора казахских ханов, как отражение верховной освященности истории города, отваги и самоотверженности последнего хана казахов - Кенесары. Это тоже символ мудрости и мужества первого Президента республики - Н.Назарбаева, принявшего решение о переносе столицы вновь возрожденного государства. Пурпурная крепостная стена напоминает историю возникновения города как крепости. Белый цвет символизирует чистоту помыслов и благородство.
Нөмірленген тізім: Бұл жағдайда тізімнің әрбір элементтін автоматты түрде нөмірленіп шығады. Нөмерленген тізім <OL> тегінен басаталып, </OL> тегімен аяќталады. Мысалы:
<OL> <LI> Бір <LI> Екі <LI> Үш <LI> Төрт <LI> Бес </OL>
· Бір
· Екі
· Үш
· Төрт
· Бес
<OL> тегінің мынадай параметрлері болуы мүмкін:
TYPE - санау түрі: A - үлкен латын әріптері a - кіші латын әріптері I - үлкен рим цифрлары i - кіші рим цифрлары 1 – кәдімгі цифрлар
Келесі мысалда тізім үлкен рим санының сегізінші цифрінен басталып нөмерленген:
<OL TYPE="I" START="8"> <LI> Сегіз <LI> Тоғыз <LI> Он <LI> Он бір <LI> Он екі </OL>
· Сегіз
· Тоғыз
· Он
· Он бір
· Он екі
Нөмерленбеген тізім: Нөмерленбеген тізім үшін әдетте тізімдегі элементті белгілеуге маркерді ќолданады. Ал маркердің түрін қолданушы таңдайды.
Нөмерленбеген тізім <UL> тегімен ашылып, </UL>тегімен жабылады. Тізімдегі әрбір элемент <LI> тегімен басталады. Мысалы:
<UL> <LI> Бір <LI> Екі <LI> Үш <LI> Төрт <LI> Бес </UL>
· Бір
· Екі
· Үш
· Төрт
· Бес
<UL> тегі өзіне TYPE параметрін қоса алады. Оның disc, circle, square деген белгілері бар.
<UL TYPE=disc><LI> disc </UL>
· disc
<UL TYPE=circle><LI> circle </UL>
· circle
<UL TYPE=square><LI> square </UL>
· square
Қабатталған тізімдердің мысалын көріңіз:
<UL TYPE=circle>
<LI> 1-ші тарау
<UL TYPE= disk >
<LI> 1-ші бөлім
<LI> 2-ші бөлім</UL>
</UL>
<UL TYPE=circle>
<LI> 2-ші тарау
<UL TYPE= disk >
<LI> 1-ші бөлім
<LI> 2-ші бөлім</UL>
</UL>
· 1-ші тарау
· 1-ші бөлім
· 2-ші бөлім
· 2-ші тарау
· 1-ші бөлім
· 2-ші бөлім
<UL><LI> 1- орынға жылжу</LI> </UL>
<UL><UL><LI> 2- орынға жылжу</LI> </UL></UL>
<UL><UL><UL><LI> 3- орынға жылжу</LI> </UL></UL></UL>
· 1- орынға жылжу
· 2- орынға жылжу
· 3- орынға жылжу
Құжаттың мәтініндегі арнайы символдар
Құжаттың мәтініндегі арнайы символдар келесі түрде жазылады:
< - Сол жақ жақша (<) > - Оң жақ жақша (>) & - (&) " - тырнақша (")
- бос орын(пробел)
—-сызықша
< "Қазақстан жасасын!!!" >
< "Қазақстан жасасын!!!" >
<PRE>, </ PRE > тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:
<PRE> Ана тілін – арың бұл, Ұятын боп тұр бетте. Өзге тілдің бәрін біл, Өз тіліңді құрметте </ PRE >
Ана тілін – арың бұл, Ұятын боп тұр бетте. Өзге тілдің бәрін біл, Өз тіліңді құрметте
<BLOCKQUOTE> дәйексөз жазу тегі
Бұл тег құжатта дәйексөзді белгілеу үшін қажет. <BLOCKQUOTE> тегімен белгіленген текст құжаттың сол жағынан 8 бос орынға жылжиды. Мысалы:
На открытии данной конференции глава представительства произнес: <P>
<BLOCKQUOTE> Сегодня один из величайших дней для нашей компании. <BR> Мы открыли новую технологию, позволяющую нашим клиентам повысить производительность их настольных систем в несколько раз. </BLOCKQUOTE>
Көлденең сызық
<HR> тегі арқылы тексттер арасын көлденең сызық арқылы бөлуге болады. Тегтің жазылу форматы:
WIDTH – сызық ұзындығы, пикселмен немесе браузер терезесінің ұзындығына байланысты пайыздық мәнмен беріледі.
ALIGN – экран бетінде орналасуы (сол жағында|ортасында|оң жағында)
NOSHADE – қалыпты жағдайда сызық 3D формада көлеңкесімен бірге көрсетіледі. NOSHADE сызықтарды бір түсті қара жолақпен белгілейді.
Жоғарыда көрсетілген параметрлерді қолданып мынадай сызықтарды сызуға болады:
(1) <Hr align="right"> (center немесе left) (2) <Hr width="30%"> (процентпен/пикселмен берілген сызық ұзындығы) (3) <Hr size="6"> (сызық қалыңдығы) (4) <Hr NoShade> (көлемділікті алып тастпайды) (5) <Hr color="cc0000"> (сызық түсі, тек Internet Explorer –да ғана қолданылады)
Біріншісі (1):
Екіншісі (2):
Үшіншісі (3):
Төртіншісі(4):
Бесіншісі (5):
Жүгіртпелі жолдарды құру
Жүгіртпелі жолдарды құру үшін <MARQUEE> дескрипторын қолданамыз.
