Responsive Advertisement

"Creating and Using Hyperlinks in HTML"

  1. "Abuurista iyo Isticmaalka Xiriirrada HTM


Si boggaaga internetka u noqdo mid guul leh, waa in macluumaadka la wadaaga ah lagu kala qaybiyo bogag gooni ah oo gaar ah. Waxaa noqon doona naqshad xumo haddii bogga shirkaddaadu dhammaantiis uu ku jiro hal bog oo keliya. Mid ka mid ah awoodaha waaweyn ee Shabakadda Caalamiga ah (World Wide Web) waa isku xirnaanta malaayiin bog oo kala duwan, si aad bogga kaliya ee aad u baahan tahay uga hesho dhowr gujin oo qura.


Xiriirrada (hyperlinks) waa aasaaska ugu muhiimsan ee ka dhigaya internetka mid firfircoon. Waxay u fududeynayaan isticmaaleyaasha inay si degdeg ah u helaan xogta ay u baahan yihiin iyaga oo gujinaya xiriirrada si ay ugu gudbaan bogag kala duwan. Taas awgeed, waa muhiim in naqshadeynta boggaaga ay ku jirto xiriirro si wanaagsan loo diyaariyay oo isticmaalaha u fududeynaya socdaalkiisa boggaaga.




Ka Shaqeynta Xiriirrada: Tags-ka Anchors


Si aad ugu sameyso hyperlink (xiriir) dukumiintigaaga HTML, waxaad u baahan tahay inaad isticmaasho **anchor tag**. Tags-ka anchors **\<A>** waxay kuu oggolaanayaan inaad ka abuurto hyperlinks qoraal ama sawir ku yaalla boggaaga.  

Qoraalka u dhaxeeya **\<A>** iyo **\</A>** waxaa loo yaqaannaa **hypertext**. Hypertext-ka wuxuu noqon karaa erey, jumlad, ama sawir, taas oo u badan marka isticmaaluhu gujiyo, ay keento bog kale ama hawl kale.


Jadwalka hoose wuxuu ku tusi doonaa qaar ka mid ah astaamaha uu taageero tagga **\<A>** ama anchor tagga:


| **Astaanta**   | **Sharaxaada**                                           |  

|----------------|---------------------------------------------------------|  

| **HREF**       | Waxay dejisaa URL-ka bogga la furayo marka gujinta lagu sameeyo hypertext. Waa astaamaha lagama maarmaanka ah. |  

| **TITLE**      | Waxay dejisaa talo soo muuqanaya marka jiirka lagu dul hayo hypertext. |  

| **NAME**       | Waxay abuurtaa magaca meel gaar ah oo lagu booqan karo hal bog gudihiisa. |  

| **TARGET**     | Waxay qeexdaa meesha dukumiintiga ku xiran lagu furi doono. Qiimaha suurtagalka ah waxaa ka mid ah: **_self** (caadi ahaan), iyo **_blank**. |  


Tagga anchor wuxuu u baahan yahay inuu yeesho tag bilow ah iyo mid dhamaad ah. Isku dul-saaridda anchors waa mamnuuc. Anchors waxaa loo isticmaali karaa in laga abuuro hyperlinks qoraal iyo sawir labadaba. Sida caadiga ah, wax kasta oo ay ku hareereeyaan tags-ka anchors waxay noqon doonaan qeyb ka mid ah hyperlink.


---


Tusaale Bog leh Hyperlink


```html

<BODY>

Si aad ugu abuurto hyperlink dukumiintigaaga HTML waxaad u baahan tahay inaad isticmaasho anchor tag.  

Anchor tags. <BR>  

Si aad u aragto bogga hyperlinked guji  

<A href="Hyperlink.html" title="Click here" target="_blank">Hyperlink</A>  

</BODY>

```


Tusaalahan wuxuu shaqeynayaa marka faylka bartilmaameedka ah (Hyperlink.html) uu ku jiro isla faylkaaga. Haddii uu ku jiro fayl kale, waa inaad xustaa waddada faylka, sida:


```html

<A href="D:/Examples/Hyperlink.html" title="Click here" target="_blank">Hyperlink</A>

```


Markaad isticmaasho waddo, waxaad si cad u qeexaysaa meesha faylka ku yaallo. Tani waxay muhiimad gaar ah leedahay marka aad la shaqeyneyso mashaariic waaweyn oo faylal badan leh.



Noocyada Kale ee Hyperlinks iyo Sida Loo Isticmaalo


Hyperlinks waa aaladaha u oggolaanaya isticmaalaha inuu ku wareego macluumaadka internetka, waxaana jira noocyo kala duwan oo loo adeegsan karo, iyadoo mid kasta leeyahay ujeeddo gaar ah. Hoos waxaa ku faahfaahsan noocyada kale ee hyperlinks iyo sida loo isticmaalo:


---

 Xiriir Gudaha Bogga (Internal Links)

Noocan wuxuu u adeegaa sidii loo gudbin lahaa isticmaalaha meelaha kala duwan ee isla bogga dhexdiisa. Tani waxay waxtar u leedahay marka bogga uu dheer yahay, si booqdaha looga caawiyo inuu si dhaqso ah u gaaro qaybaha uu rabo.


 Sida Loo Sameeyo:  

1. Samee *named anchor* goobta loo boodayo.  

   ```html

   <A NAME="section1"></A>

   ```

2. Samee hyperlink tilmaamaya booskaas.  

   ```html

   <A HREF="#section1">Go to Section 1</A>

   ```


Tusaale:  

```html

<A NAME="about_us"></A>

<H2>About Us</H2>

<P>Welcome to our website...</P>


<A HREF="#about_us">Read About Us</A>

```


 Xiriir Dibadda ah (External Links)**  


Xiriirrada dibadda waxay ku xiraan bogag kale oo ka baxsan websaydkaaga, sida hay’adaha, ilaha cilmi baarista, ama xogta kale ee muhiimka ah.


 Tusaale:  

```html

<A HREF="https://www.wikipedia.org" target="_blank" title="Visit Wikipedia">Wikipedia</A>

```


Tilmaamaha Muhiimka ah:

- **Target="_blank":** Waxaa loo isticmaalaa in xiriirka lagu furo tab cusub.  

- **Title:** Ku dar macluumaad tilmaamaya waxa ku jira xiriirka.  




Xiriirka Sawirada (Image Links)**  

Marka laga soo tago xiriirrada ku saleysan qoraalka, sawirro ayaa sidoo kale loo isticmaali karaa inay noqdaan hyperlinks. Wax kasta oo ku jira tagga **\<A>** (qoraal, sawir, iwm) waxay noqon karaan xiriir.


Tusaale:  

```html

<A HREF="https://www.example.com">

   <IMG SRC="image.jpg" ALT="Visit Example Website">

</A>

```


Sawirka wuxuu noqonayaa mid guji kara, wuxuuna u shaqeynayaa sidii hyperlink.


---


 Xiriirada E-mailka (Email Links)**  

Xiriirkan wuxuu isticmaaleha u oggolaanayaa inuu si toos ah e-mail ugu diro cinwaan gaar ah marka uu gujiyo. Xiriirkan wuxuu sidoo kale ka mid yahay qaybaha xiriirrada ugu badan ee laga helo bogagga.


 Tusaale:  

```html

<A HREF="mailto:support@example.com?subject=Support Request">Contact Us</A>

```


Faa’iidooyinka:

- **mailto:** Waxay tilmaamaysaa in xiriirka uu yahay mid e-mail ah.  

- **?subject=:** Waxay qeexaysaa mowduuca e-mail-ka si otomaatig ah.


---



 Xiriirada Ku Xira Faylalka Gudaha (File Links)

Waxaa kale oo hyperlink loo isticmaali karaa in lagu xiro faylalka ku jira isla websaydka. 


Tusaale:  

```html

<A HREF="files/document.pdf" target="_blank">Download Document</A>

```


Tilmaamaha Muhiimka ah:

- Hubi in faylka la tilmaamay uu ku jiro meesha uu browserku ka heli karo.  

- **Target="_blank":** Waxaa loo isticmaalaa in faylka lagu furo tab cusub.


---


 Xiriir Gaaraya Meelaha Kale (Relative vs. Absolute Links)

Waxaa jira laba nooc oo xiriir ah oo loo isticmaalo HTML:  


Relative Links:**  

Waxay tilmaamayaan booska faylka gudaha isla kaydinta (folder) ee websaydkaaga.  

Tusaale:  

```html

<A HREF="contact.html">Contact Us</A>

```


Absolute Links

Waxay si buuxda u tilmaamayaan cinwaanka faylka ama bogga internetka, oo ay ku jirto URL buuxda.  

Tusaale:  

```html

<A HREF="https://www.example.com/contact.html">Contact Us</A>

```




 Xiriirrada Ku Xira Qaybaha JavaScript (JavaScript Links)

Hyperlinks-ka waxa kale oo loo isticmaali karaa inay hawl geliyaan *JavaScript* halkii ay bog kale u gudbin lahaayeen.


 Tusaale:  

```html

<A HREF="javascript:alert('Hello, World!')">Click Me</A>

```


Tani waa hab loo isticmaali karo si loo fuliyo amaro gaar ah marka isticmaaluhu gujiyo.


---


Xiriirada Ku Meel Gaarka ah (Temporary Redirects)**  

Waxaa loo isticmaalaa in lagu gujiyo goobta hadda ay tahay in loo gudbiyo goob kale. Tusaale ahaan, waxaad isticmaali kartaa *meta refresh* ama *server-side redirects.*


Tusaale:  

```html

<A HREF="redirect.php">Visit Our New Website</A>

```


---


Faa’iidooyinka Isticmaalka Hyperlinks Si Sax Ah**  

- 

 fududeynayaan isticmaalaha inuu ku wareego websaydka.  

- Waxay sare u qaadaan isticmaalka websaydka oo laga dhigo mid is-dhexgal leh.  

- Waxay ka caawiyaan isticmaalaha inuu si dhakhso ah u gaaro macluumaadka uu raadinayo.


Hubi in dhammaan hyperlinks-kaagu ay shaqeeyaan, yihiin kuwo la fahmi karo, una fudud isticmaalaha. Hyperlinks-ka wanaagsan waxay sare u qaadaan khibradda isticmaalaha websaydkaaga.


Xiriirro ku Bixiya Website Kale**


Si aad ugu xirto bog kale, tusaale ahaan bogga East Africa University:


```html

<A href="http://www.eastafricauniversity.net" title="Visit EAU Website" target="_blank">East Africa University official web site</A>

```


#### **Xiriirro Gudaha Bogga (Links Within a Page)**


Sanadihii hore ee HTML, boggaga waxay ahaayeen kuwo dheer oo ku khasbaaya isticmaalayaasha inay si isdabajoog ah u rogrogtaan si ay u helaan macluumaadka ay raadinayaan. Waxaa lagu soo kordhiyay HTML **anchors magac leh (named anchors)** si loogu suurtagaliyo in xiriirro lagu boodo meel gaar ah bogga gudihiisa.


Kahor intaadan abuuri nooca xiriirkaan, waa inaad marka hore abuurtaa waxa loo yaqaan anchor magac leh. Tani waa astaamaha isticmaala astaanta **NAME** si loo magacaabo booska, sida:


```html

<A NAME="Up"></A>

```


Si aad ugu sameyso hyperlink tagga magacan, ku dar calaamadda (#) magaca anchor-ka. Tusaalooyin:


```html

<A HREF="#Up">Go to top</A>

```


Tags-ka anchors magacyada leh waxaa lagu isticmaali karaa meel kasta oo ku dhex jirta **\<BODY>** ee dukumiintiga HTML.


Xiriirrada E-Mail-ka**


Boggaga qaar waxay leeyihiin hyperlinks furaya codsiga e-mail-ka ee isticmaalaha oo abuuri doona farriin cusub. Farriinta cusub waxaa si toos ah loogu diri doonaa cidda lagu qeexay hyperlink-ka.


Tusaale:


```html

<A HREF="mailto:info@eastafricauniversity.net?subject=Inquiry">E-Mail Me</A>

```


Qoraalka **E-Mail Me** wuxuu u muuqan doonaa sida hyperlink kale oo qoraal ah.


Waxaa lagula taliyaa in qeybta hoose ee bog kasta lagu daro hal ciwaan e-mail ah oo isticmaaleha siiya fursad uu ku soo gudbiyo faallo ama su’aal ku saabsan bogga.


---


Hyperlinks iyo Khibradda Isticmaalaha wa




Hyperlinks waa aalad muhiim ah oo ka dhigaysa waayo-aragnimada isticmaalaha mid fiican. Xiriirrada si fiican loo abaabulay waxay fududeeyaan helidda xogta. Marka laga hadlayo naqshadeynta websaytka, isku day inaad sameyso xiriirro ku habboon oo leh tilmaamo cad (tusaale ahaan, "Guji Halkaan si aad u aragto"), halkii aad ka isticmaali lahayd erayo aan caddeyn.


Tusaalooyin badan ku samee mashruucyada HTML-gaaga si aad u fahanto sida xiriirrada loo abuuro iyo sida ay u shaqeeyaan xaalado kala duwan. Sidoo kale, u fiirso sida xiriirradaagu uga muuqanayaan aaladaha kala duwan, sida kombuyuutarada iyo taleefannada gacanta, si loo hubiyo inay yihiin kuwo waxtar leh oo shaqeynaya   wa inoo iyo cashiirka danbe inaash Allah.........

Tags

Post a Comment

0 Comments