Ииршишнивп ■l/fl w eb-dizflyn ■

Havolalar
Havola  —  bu  HTML-hujjatning  boshqa  HTML-hujjat  bilan 
bog‘love hi qismi.  Unga kursorni  bosishingiz bilan  ikkinchi  HTM L- 
hujjat  ekranda  namoyon  b o iad i.  Shuningdek,  havoladan  (agar  siz 
yaratgan  bir  sahifada  juda  ham   ko‘p  m atn  kiritilgan  b o lsa)  bitta 
sahifa  ichida  boshqa  HTML-hujjatni  ochmasdan  turib  ham  foyda­
lanish  mumkin.
Agar  bitta  sahifaga  joylashtirmoqchi  b o ig an   matn  juda  ham 
ko‘p  b olsa,  uni  iloji  boricha  turli  bolaklarga  b oigan  holda,  bir 
nechta  H TM L-faylga  joylashtiring.  Shunday  qilsangiz,  web- 
sahifadan  foydalanish  oson  kechadi.
Navbatdagi  sahifalar  bilan  tanishib  chiqqach,  siz  havolalarni 
ishlatish  usullarini va havola tuzish uchun qanday  HTML-teglardan 
foydalanish  zarurligini  bilib  olasiz.
Havolalar  tuzish  usullari
 
Havolalarning ta'sir doirasi  va  ularni qaysi sahifa bilan boglash 
vazifasini    ochuvchi  hamda    yopuvchi  tcglari  orasida 
belgilanadi.  Ushbu  teglar  orasida  uning  olcham lari  va  kalit  so‘z 
joylashtiriladi.  Ushbu  teg  orasida  nimalarni joylashtirish  mumkin? 
Deyarli  hamma  narsani.  Bu  matn,  tasvir,  jadval  va  hatto  hara- 
katlanuvchi  tasvir  h am   b o lis h i  mumkin.  Ulardan  qaysi  birini 
joylashtirish  o'zingizga  havola.
Bu  b o lim d a  oldimizga  qo'ygan  maqsadimiz  havolalar  tuzish.  • 
Maqsadga erishishning eng oson usuli barchasini oddiy misollardan 
boshlash.  Shunga  amal  qilgan  holda  sizga  havola  tuzishning  eng 
oddiy  misolini  keltiramiz:
Bu  sahifada  mening  hayotim 
bilan  bogiiq  tasvirlar joylashgan.
Natija  mana  bunday  ko‘rinishda  boiadi:
Bu  sahifada  mening hayotim  bilan  bog‘liq  tasvirlar joylashgan
 
ju m lasin i  bosishingiz  bilan 
pictures.H TM L  sahifasi
  ekranda 
namoyon boiadi.   tegining qo'shimcha atributi b o ig an   H R E F 
sizni 
pictures.HTML
  sahifasiga  olib  boradi.
Tasvirlarni  havola  sifatida  namoyon  etish  uchun    va  < / 
A>  teglari  orasida  <1MG>  tegi yordamida tasvir nimani  qo‘yishini 
va  u joylashgan  papkaga  y o ln i  ko‘rsating.

---

  < IM G   SRC=«img/photo.jpg» 
W ID T H = « lO O »  
H E 1 G  H T = «  100» 
A L T = « M e n i n g  
fo to  
galereyam»>  
Havolalar  —    tegining  qo'shim cha  buyruqlari  tasnifl.
Boshqa  H T M L   teglari  kabi    tegining  h am   qo'shim cha 
buyruqlari  mavjud.  Quyida  ushbu  buyruqlarning  tasnifi  kelti­
rilgan:
— H R EF -  bu  atribut  yordamida  havola qilinishi lozim  bo‘lgan 
HTML-hujjat nomi va  lining joylashgan joyi belgilanadi.  Bu atribut 
  tegining SRC atributi kabi bir hil vazifanibajaradi.  < IM G >  
tegining  SRC  atributi  yordam ida  tasvir  nomi  va  u  joylashgan 
papkaga  y o i  ko‘rsatilsa,  H R E F   yordamida  HTML-hujjat  nomi 
va  u joylashgan  papkaga  yo‘l  tasvirlanadi;
—  TARGET  -
Bu  atribut  H TM L  hujjatni  aynan  o lsha  oynada  yoki  alohida 
oynada  yoki  qaysi  freym da  ochilishini  belgilaydi.  T A R G E T  
atributining  qo‘shimcha  oicham lari:
— 
blank  —
  brauzerda  siz  ishlab  turgan  oynadan  tashqari  yangi 
oynada  havolada  ko‘rsatilgan  hujjatni  ochish;
— 
top  —
  web-sahifada  freymlar  ishlatilgan  bo‘lsa,  havolada 
ko‘rsatilgan  hujjatni  faol  oynada  freymlar  strukturasini  buzgan 
holda  ochadi.  Ochilgan  oynada  freym  alomatlari  mavjud  b o ‘l- 
maydi.
— 
parent —
  havolada  ko‘rsatilgan  hujjat  aw al  ochilgan  oynada 
ochiladi.
— 
self —
  havola  qaysi  freym  yoki  freymdan  holi  sahifada 
ishlatilgan  bo‘lsa,  aynan  o'sha  sahifada  ochadi.
Bu  sahi­
fada  mening hayotim bilan b o g liq  tasvirlar joylashgan.  
 
Sahifada  siz    men 
haqimda    qiziqarli  m a’lumotlarni  o ‘qishingiz  mumkin.
Natija  mana  bunday  ko‘rinishda  boiadi:
«Bu  s a h if a d a   m e n in g   h a y o tim   b ila n   b o g ‘liq  ta s v ir la r  
joylashgan.  Sahifada  siz  men  haqim da  qiziqarli  m a ’lumotlarni 
o ‘qishingiz  m um kin».  Ushbu  h av o lalard an   biriga  bosib,  siz 
havolada belgilangan  H TM L-hujjatdagi  m a ’lumotlarni  o ‘qishin- 
giz  mumkin.

---