Ereyle

HTML

Asaaska HTML

Casharkaan wuxuu ku dabooli doonaa asaaska HTML, oo ay ku jiraan qaabdhismeedka aasaasiga ah ee walxaha.

Qaabdhismeedka Aasaasiga ah ee HTML

Bogga HTML kasta wuxuu leeyahay qaabdhismeed aasaasi ah oo ka kooban walxaha soo socda:

<!DOCTYPE html>: Waxay u sheegaysaa browserka nooca dukumeentiga HTML ee la isticmaalayo. <!DOCTYPE html> waxay qeexaysaa HTML5, oo ah nooca ugu dambeeyay ee HTML. Waxay had iyo jeer ku jirtaa xagga sare ee dukumeentiga HTML.

HTML
```
<!DOCTYPE html>
```
<html>: Walaxda <html> waa xididka bogga HTML. Dhammaan walxaha kale ee HTML (marka laga reebo <!DOCTYPE html>) waa inay ku jiraan walaxda <html>. Luqadda bogga waxaa lagu qeexi karaa tilmaanta lang ee ku jirta tag-ga <html>.

HTML
```
<!DOCTYPE html>
<html lang="en"> <!- - Luqadda bogga waa Ingiriis - ->
</html>
```
<head>: Walaxda <head> waxay ka kooban tahay metadata ku saabsan dukumeentiga HTML, sida cinwaanka bogga, habka qoraalka, qaabka, iyo xiriirinta faylasha dibadda ah. Metadata-da ku jirta <head> lama muujiyo bogga laftiisa, laakiin waa muhiim u ah browserka iyo matoorada raadinta.

HTML
```
<!DOCTYPE html>
<html lang="en">
<head>
    </head>
</html>
```
<body>: Walaxda <body> waxay ka kooban tahay waxyaabaha muuqda ee bogga HTML. Tani waxaa ku jira qoraalka, sawirrada, xiriirinta, fiidiyowyada, iyo dhammaan waxyaabaha kale ee isticmaaluhu ku arki doono browserka.

HTML
```
<!DOCTYPE html>
<html lang="en">
<head>
    </head>
<body>
    </body>
</html>
```

Walxaha `<head>`

Walaxda <head> waxay ka kooban kartaa dhowr walxood oo metadata ah, oo ay ku jiraan:

<title>: Walaxda <title> waxay qeexdaa cinwaanka bogga, kaas oo ka muuqda tabka browserka, cinwaanka daaqadda, iyo natiijooyinka matoorada raadinta. Waxaa muhiim ah in la yeesho cinwaan cad oo qeexan oo ku saabsan bogga.

HTML
```
<head>
    <title>Cinwaanka Boggaaga</title>
</head>
```

<meta>: Walaxda <meta> waxaa loo isticmaalaa in lagu qeexo metadata ku saabsan dukumeentiga HTML, sida habka qoraalka, qeexida bogga, ereyada muhiimka ah, qoraaga, iyo aragtida. Tilmaamaha charset, name, iyo content ayaa si caadi ah loogu isticmaalaa walxaha <meta>.

HTML

<head>
    <meta charset="UTF-8"> <!- - Waxay qeexaysaa habka qoraalka UTF-8 - ->
    <meta name="description" content="Qeexida boggaaga."> <!- - Qeexida bogga ee matoorada raadinta - ->
    <meta name="keywords" content="HTML, cashar, web"> <!- - Ereyada muhiimka ah ee matoorada raadinta - ->
    <meta name="author" content="Magacaaga"> <!- - Qoraaga bogga - ->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!- - Dejinta aragtida bogga si ay ugu habboonaato qalabka - ->
    <title>Cinwaanka Boggaaga</title>
</head>

<link>: Walaxda <link> waxaa loo isticmaalaa in lagu xiriiriyo faylasha dibadda ah, sida faylasha CSS (qaabka) iyo favicon (astaanta bogga). Tilmaamaha rel iyo href ayaa si caadi ah loogu isticmaalaa walaxda <link>.

HTML
```
<head>
    <link rel="stylesheet" href="style.css"> <!- - Xiriirinta faylka CSS ee dibadda ah - ->
    <link rel="icon" href="favicon.ico" type="image/x-icon"> <!- - Xiriirinta favicon - ->
</head>
```
<style>: Walaxda <style> waxaa loo isticmaalaa in lagu qeexo qaabka CSS ee bogga HTML gudahiisa. Qaabka CSS waxaa lagu qori karaa walaxda <style> gudahiisa.

HTML
```
<head>
    <style>
        body {
            background-color: lightblue;
        }
        h1 {
            color: navy;
        }
    </style>
</head>
```

Walxaha HTML (Elements)

Walxaha HTML waa qaybaha aasaasiga ah ee bogagga HTML. Waxaa lagu calaamadeeyaa tags.

Tags-ka Bilowga iyo Dhamaadka, Walxaha Gudaha ku jira

Walxaha HTML badankoodu waxay ka kooban yihiin:

Tag-ga bilowga (Opening tag): Waxay ku bilaabataa calaamadda xaglo-xagasha furan < iyo magaca tag-ga, waxayna ku dhammaataa calaamadda xaglo-xagasha xiran >. Tusaale: <p>
Tag-ga dhamaadka (Closing tag): Waxay la mid tahay tag-ga bilowga, laakiin waxay ku jirtaa xariiq toosan / ka hor magaca tag-ga. Tusaale: </p>
Waxyaabaha ku jira (Content): Waa qoraalka ama walxaha kale ee HTML ee ku dhex jira tag-ga bilowga iyo tag-ga dhamaadka.

HTML

<tag-ga-bilowga>Waxyaabaha ku jira</tag-ga-dhamaadka>

Tusaale:

HTML

<p>Kani waa sadar.</p>
<h1>Kani waa cinwaan weyn.</h1>

Walxaha HTML qaarkood ma laha waxyaabo ku jira, waxaana loo yaqaan walxaha madhan (empty elements). Walxaha madhan waxay leeyihiin hal tag oo keliya, oo inta badan is-xira. Tusaale: <br /> (xariiq cusub), <img /> (sawir). HTML5 waxay u ogolaataa walxaha madhan inaysan is-xirin, sidaas darteed <br> iyo <img> ayaa sidoo kale sax ah.

Previous Lesson

Next Lesson

Asaaska HTML

Qaabdhismeedka Aasaasiga ah ee HTML

Walxaha <head>

Walxaha HTML (Elements)

Tags-ka Bilowga iyo Dhamaadka, Walxaha Gudaha ku jira

Walxaha `<head>`