HTMLдеги ички шилтемелер

Акыркы сабакта биз башкалардын сайттарынын баракчаларына шилтемелер жасадык, алардын дарегин браузердин дарек тилкесинен көчүрүп алганда. Эми сиз өзүңүздүн сайтыңыздын баракчаларын шилтемелер менен байлаштыргыңыз келсин.

Мына ушул учурда алардын даректерин дарек тилкесинен көчүрүп албоо керек. Себеби мындай даректер сиздин баракчаңызга чейинки толук жолду камтыйт сиздин компьютериңиздин тамыр папкасынан баштап, жана башка папкага которгондо мындай шилтемелер жөнөкөй жарылып калат.

Өзүңүздүн сайтыңыздын баракчалары үчүн башка ыкманы колдонуш керек. Аны мисал менен үйрөнөлү. Сайтыңыздын тамыр папкасында index.html файлы жана page.html файлы жайгаштырылсын. Бул файлдарды шилтемелер менен байлаштыралы. Бул үчүн шилтемелердин href атрибутуна бул файлдардын аттарын гана жазуу керек (алардын кеңейтүүсү менен). Келгиле муну жасайлы.

index.html баракчасында page.html баракчасына шилтеме жасайлы:

<h1>Index</h1>
<a href="page.html">page баракчасына шилтеме</a>

Ал эми page.html баракчасында index.html баракчасына шилтеме жасайлы:

<h1>Page</h1>
<a href="index.html">index баракчасына шилтеме</a>

Сайтыңыздын тамырында үч HTML баракчасын жасаңыз. Аларды 1.html, 2.html, 3.html деп атаңыз. Бул баракчаларды шилтемелер менен бири-бирине байлаштырыңыз.

index.html баракчасын дагы жасаңыз. Ага 1.html, 2.html, 3.html баракчаларына шилтемелерди жайгаштырыңыз.

Мурунку тапшырманы өзгөртүп, шилтемелер ul тизмесинде жайгаштырылсын.