Cashar 5 / 10

Xiriirrada iyo Ka-gudubka

Barashada summada a, sifada href, farqiga u dhexeeya absolute path iyo relative path.

Casharkaan, waxaan baran doonaa sida loo abuuro xiriirro (links) HTML-ka. Xiriirradu waa waxa ka dhigaya internetka mid isku xiran.

Si aad u abuurto xiriir, waxaad isticmaashaa summada <a> (anchor). Summadu waxay u baahan tahay sifo href si ay u sheegto halka xiriirku uu geeynayo.

<a href="https://www.example.com">Riix halkan</a>

2. Absolute Path vs Relative Path

Absolute Path (Waddo Guud): Waa cinwaanka buuxa ee internetka (URL oo dhan). Waxaa loo isticmaalaa xiriirka boggaga kale ee internetka.

<a href="https://www.google.com">Google</a>

Relative Path (Waddo Xiriirsan): Waa waddo aan lahayn URL buuxa. Waxaa loo isticmaalaa xiriirka boggaga gudaha ah ee mareegtaada.

<a href="/about">Bogga About</a>
<a href="pages/contact.html">Bogga Xiriirka</a>

3. Furista Xiriirka Tab Cusub

Si aad xiriirka ugu furto tab cusub, ku dar sifooyinka target="_blank" iyo rel="noopener noreferrer".

<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">
    Tab cusub ku fur
</a>

4. Xiriirka Boostada Elektarooniga ah

Waxaad isticmaali kartaa mailto: si aad u abuurto xiriir toos ah boostada elektarooniga ah.

<a href="mailto:qof@example.com">I soo dir emayl</a>

Waxaad u gudbi kartaa qayb gaar ah oo bogga ku dhex jirta adiga oo isticmaalaya # iyo id-ga qaybta.

<a href="#qaybta-sare">Tag qaybta sare</a>
...
<h2 id="qaybta-sare">Qaybtan waa qaybta sare</h2>

Layli (Practice)

  1. Abuur xiriir ku xira https://www.wikipedia.org.
  2. Abuur xiriir kale oo ku xira bog about.html ama /about gudaha mareegtaada.
  3. Abuur xiriir u furma tab cusub.
  4. Abuur xiriir emayl ah.
  5. Abuur xiriir “Tag xagga sare” oo kuu gudbiya qaybta sare ee bogga.

Sii wadashada: Casharka xigta, waxaan baran doonaa sida loo ku daro sawirrada iyo warbaahinta boggaaga!

Start today · It's free

Ready to learn
something new?

Browse community-written courses on any subject, or share your expertise by contributing on GitHub .

Browse Courses