HTML waxaa laga soo gaabiyaya Hypertext Markup Language waxaan loo isticmalaa in aan ku qeexno building blocks-ka pages-keena Tusaale in aan kusoo drno qoraal , sawiro iyo buttons.

HTML waxaad ku dhisi kartaa website adiga kuu gaar ah.





kaani waa tusaale yar oo html docuemnt ah







HTML Heading waxaa loogu talagalay in lagu qoro cinwaanada waana very useful marka la joog html tags.





p lelement waxaa loogu talagalay in lagu qeexo qoraal paragraph ah.





waxaa loogu talagalay in lagu xero links banaaka ah ama kuwa website-ka dhexdiisa h.



waxaa loogu talagay in lagu soo bandhigo images-ka.



waxaa loogu talagalay in aad ku sameyso buttons akasi aad ku xeri karto actions kala duwan.



waxa loogu talagalay marka ad qeexeeso list of data.



href attribute

tagan <a> waxaa loogu talagalay in lagu qeexo links-ka , href attribute-ka waxaa lgu sheegaa linkiga uu aadayo marka la dhufto a taaga.



<img> tag waxaa loogu talagalay in aad web page-ka kuso darto image , src attribute-na waxaa loo isticmlaal in ad ku qeexdo url-ka sawirka.



<img> waa in uu lahaadaa cabir kaasi oo aad ku qeexi karto balac iyo dhirirka sawirka waxaadna isticmalaysaa width iyo height attributes.

alt attribute inta badan waxaa loo isticmaalaa in aad ku sharaxdo sawirka iyo in qoraal ahaan loo arko sawirka hadii. ay dhacdo in sawirka uu soo muuqan waayo cilad jirta awgeed sida in internetka uu kaa go'ay ama la waayay sawirka linkigiisa.



HTML Style attribute waxaa loo isticmaalaa in aad style ku darto elementiga sida color-ka cabirka qoraalka iwm.



HTML wuxuu leeyahay elements badan oo lagu qeexayo qoraaldada waliba macno gaar ah.







HTML Tables-ka waxaa loogu talagalay in lagu soo bandhiso data ayadoo la isticmaalyo rows iyo columns.



Table-ka marka la joogo html waxa uu ka koobanyhay cells ku dhex jira rows iyo columns.



Table kaste cell-kiisa waxaa lagu qeexaa <td> iyo </td>



wax walba oo ku dhex jira <td></td> waa content-ga cell-ka table-ka 😂.



waxaad sameyn kartaa inta row aad rabto lakin hubi in cell-ka ama td-da table-ka ay same yihiin.

mar marka qaar waxaad u baahantahay in aad table-ka u sameyso headers markaasi waxaad isticmaalaysaa <th></th>







HTML Forms waxaa loogu talalagy in lagu aruuriyo xogaha user-ka soo booqda website-ka iyada loo sii wareejinayo servers.

<form> element waxaa loogu talagalay in lagu sameeyo html form si loo helo xogaha userka meel uu ku qoro .

form element-ga waxaa uu ka koobnan karaa input elemnts badan oo ay kamid yihiin : text fields, checkboxes, radio buttons, submit buttons, etc.



Dhammaan qaybaha kala duwan ee input elements-ka halkan ka tixraac All input Elements .



input value attribute waxaa loogu talalagy in lagu keydiyo waxa userka uu qoro.



readonly attribute waxaa loogu talalagy in lagu qeexo in input elementgaan loogu talagalay in wax lagu aqriyo kaliya uusan wax ku qori karin.

read value waxaa la raaciyaa form-ka markii submit la dhaho.

disabled attribute waxaa loogu talagalay in elementigaan uu yahay disable uusan ku sameyn karin wax action ah.

sidoo kale value disabled-k a form-ka wa la raacinayaa markii la dirayo xogta.



Semantic elements = elements leh macno.

Semantic Element si cad wuxuu browser-ka iyo developer-ka u qeexayaa macnaha element-ga .

Tusaale non-semantic elements waxaa kamid ah <div> iyo <span> wax macno ay u taaganyihiin malahan.

Tusaale semantic elements <form> , <table> iyo <article> si ad ayay u qeexayaan macnohooda.



<section> element wuxuu qeexayaa section kamid ah document-ga.

Ayado la tixraacayo W3C's HTML Documentation : "Section waa thematic grouping of content , inta badan waxaa la socda. heading"

Tusaalooyin ku saabsan meelaha loo isticmaalo <section> element :

Web page-ka caadiyan waxaa loo kala qaybiyaa sections loogu talagalay  introduction, content, and contact information.



<atricle> waxaa loo isticmaalaa si gaar ah wxaa lagu qoraa content gaar micnaha wax ay hoos imaanyso majirto.

Tusaalooyin ku saabsan meelaha loo isticmaalo <article>

Three articles with independent, self-contained content:



<header> element waxaa uu u taaganyhay container lagu soo bandhigayo hordhac content ama lagu soo bandhigo navigation links.

<heade> element wuxuu ka koobnan karaa caadiyan



A header for an <article>: 

<footer> element wuxuu qeexayaa doceumnt footer-kiisa ama section footer-kiisa.

<footer> inta badan waxa uu ka koobanan karaa :

halkii document waxaad soo gelin kartaa dhowr <footer> element.

document oo uu kujiro footer

<nav> element waxaa loogu talagalay in lagu soo bandhigo koox linkiyo ah .

<aside> element waxaa loogu talagalay in lagu qeexo content sidebar ah sida sidebar-ka web page-ka.

<figure> tag waxaa loogu talagaly self-contained content , sida ilustarion-ka, sawirada , sawir gacmeedka , code listing iwm. <figurecaption> tag waxa uu qeexayaa caption-ka <figure> . <figurecaption> waxaa dhigi kartaa bilowga ama dhamaadka <figure> tag.

<img> element waxa uu qeexayaa actual image/illustartion.

iyadoo la tixraacayo w3c : "Semantic web wuxuu u ogolaanayaa data-da website in ay noqoto mid la wadaagi karo sidoo kale dib loogu isticmaali. karo applications , enterprise iyo communities-ka"



Dhamman HTML Elements-ka avalilable-ka ah halkan kala eego.