HTML (Hypertext Markup Language) d Tangalt ig ttwasqedcen amṣuk n agbur n usebtar n web u as-id yefk anamek d iswi.amedya,agbur n usebtar innek yezmer ad yilli d amatu n tiseddarin neɣ d umuɣ tiẓunin.yezmer daɣen ad awiḍ tugniwin,tifelwin n isefka.mebla ma nekcem deg talqayt ululled,amagrad agi attafem degs aṭas n isallen iw sedduy n HTML.

D'acut HTML?

HTML ur yelli,deg tidett,tutlayt n usihel. d tutlayt n tarkkizt ittwasqedcen iw akken ad yefk tamṣukt d unamek n ugbur i nebɣa a n wali deg asmel n web.llan degs elements, imeẓliyen ara nesdukkel ɣer yal tamiwin n iferdisen iw akken ad yejbu unamek.ticṛaḍ tags id yezin ɣef awal naɣ tugna zemren ad sallin aseɣwen aflaḍṛis,ssers aḍṛis s iṭalik,ateg.amedya,s wayen id iteddun akka:

Amcic inu irfa 

Ma tebɣam aḍṛis agi ad yilli deg taseddart,a ten sers deg yiwen uferdis n taseddart  (<p>) :

<p>Amcic inu irfa </p>

Tacellaḥt n uferdis HTML

Sikked akken iwata aferdis agi n taseddart.

Ameskan yemallen tiskiwet n uferdis HTML

Isegran imenzawiyen n aferdis nneɣ atenih:

  1. Taṛkkizt illin:degs isem n uferdis dagi (in this case, p), ger snat n taciwin.ayagi yemmal tazwart n uferdis. ,neɣ amḍiq i seg yesemdu.iw medya nneɣ,ayagi yemmal tazwart n uferdis.
  2. Taṛkkizt imedlen: Dagi ɣuṛnaɣ daɣen taciwin d yisem n uferdis,i deg anernu tafeggagt timezlit send isem n uferdis.ayagi yemmal taggara n uferdis.iw medya nneɣ,ayagi yemmal taggara n taseddart.
  3. Agbur: D agbur n uferdis,dagi d aḍṛis kan.
  4. Aferdis: Yesemdu s taṛkkizt yellin,s taṛkkizt imedlen d agbur.

Iferdisen zemren ad yilli ɣuṛsen ad « ayla » dayen ittemcabin:

A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text

Deg aylaten llan isalen yernan ig wehan ɣer s aferdis ur nebɣi ad ittwasken akked agbur.deg medya yagi,ayla tadala yettaǧǧa aseqdec n isem i tukza n uferdis u isem agi nezmer a tenseqdec tikelt nniḍen iw sersi n talɣa d wayen nniḍen.

Yessefk ɣef ayla ad yesɛu:

  1. Tallunt ger ayla d isem n uferdis anda aylaten zwaren (ma yella ugar aylaten)
  2. Isem (d isem n wayla),defir-is tadugamt n nned« = »
  3. Alday d amdal issilawen  iw segrer azal n wayla.        

Asmeckukkel iferdisen

Tzemrem a ttessarsem iferdisen deg fardisen nniḍen,d wagi i wumi neqqaṛ Timeckukkal.amedya,ma yella tebɣiḍ ad sekneḍ d-akken amcic inek s tidett irfa,tzemreḍ a tessarsem awal "tidett" deg uferdis <strong> , anamek-is d-akken awal ad yers d amezwaru:

<p>Amcic inu s <strong>tidett</strong> yerfa .</p>

Acu kan tikwal yessefk attḥadreḍ akken iferdisen ad meckukklen akken iwata wa ɣer wa.deg medya izrin,a neldi aferdis <p>, dɣa aferdis  <strong>. s-akkin,a nemdel aferdis <strong> dɣa a nemdel aferdis  <p>. ma yella neseqdec tangalt id iteddun,ayagi ur iggerez ara:

<p>amcic inu s <strong>tidett yerfa .</p></strong>

Iferdisen yessefk ad ttwaldin u ad ttwamedlen akken iwata,ma yella zelgen,iminig ad yaɛreḍ ad yefren win iwulmen,ahat mačči d win i nettraǧǧu.deg wawal,ttif ad yilli umeckukkel n iferdisen i wata iw akken ur yettilli ara wugur.

Iferdisen ilemawen

Kra seg fardisen ur ɣuṛsen ara agbur.iferdisen agi isem n sen Iferdisen ilemawen.ma yella n keyed  aferdis <img>  agi deg ufaylu HTML:

<img src="tiwlafin/firefox-icon.png" alt="asadez tawlaft inu">

Aferdis agi degs sin n aylaten maca ulac taṛkkizt imedlen </img>waya agbur agwensan.tidett,aferdis n tugna ur yettawi yara agbur,iswi ines d asekcem n tawlaft deg sebtar n HTML,deg mḍiq anda aferdis yettwasers.

Tacelaḥt n tateggart HTML

tura akka n wala kra iferdisen HTML azadur.ma ttwabḍan,ur wulmen ara.ansikked amek ara nesemlil iw snulfu n usebtar HTML anguz.aneddu seg medya n ugbur yellan deg ufaylu amatar.html (id nesnulfa deg umagrad Sefrek amagrad:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Asadez usebtar inu </title>
  </head>
  <body>
    <img src="tawlaft/firefox-icon.png" alt="asadez tawlaft inu">
  </body>
</html>

Atan d'acu yellan:

  • <!DOCTYP html> —adoctyp.deg tazwart n HTML,deg iseggasen n 1991-1992,idoctypen llan ttwasqedcen iw akken ad gen tamselyut i tigrummiwin n ilugan i nezmer a neseqdec i wakken aninni tateggart tella deg HTML « aɣbal» u ad yaf inezriyen n taṛkkizt.acu kan,wigi ur ttwaqedcen ara assagi llan kan iw akken ad senkeden  asalḥuy n usebtar arnu iminigen iqbuṛen.ma tura,dayagi ig llan tmusni ɣef idoctypen.
  • <html></html>aferdis <html> . aferdis agi d netta ig segreren meṛṛa agbur n usebtar.aferdis agi tikwal sawalen-as aferdis aẓaṛ.
  • <head></head>aferdis <head> .aferdis agi yettwaseqdec am ukufi i yal taɣawsa yellan deg sebtar HTML maca ur llin ara deg wagbur yettwaseknen.deg fardis agi ara nesers awal yufrarenkeywords ,yiwen uglam n usebtar ara d-yefɣen deg amsadday n unadi,iseɣwen ig teddun ɣer sifuyla CSS ad ttwasqedcen deg sersi n talɣa,alɣuten n wuraren isekkilen (character sets) ay ttwasqedcen ar taggara.
  • <body></body>aferdis <body> . aferdis agi  yella ɣuṛes meṛṛa aferdis i tebɣam attseknem iw akken anerzuf a tiwali:ayagi izmer ad yilli d adṛis neɣ,tiwlafin,tividiyutin,uraren ateg.
  • <meta charset="utf-8"> — aferdis agi  yesbadu urar n isekkilen ig ssefk ad ttwasqedcen i zzmam u ad yesken belli d utf-8.utf-8 yesdukkel tagrumma n isekkilen yettwasnen yettwasqedcen deg tutlayin n imdanen.amatu utf-8 yettaǧǧa aselḥuy n adṛis yellan teseqdacem deg sebtar.ɣef aya i neseqdac urar agi n isekkilen acku yettaǧǧayaɣ a tenseqdec sumata deg yal iḥricen..
  • <title></title> — aferdis agi yeskanayed azwel n usebtar inek.d azwel agi ara d ibanen deg iccer mara yilli asebtar inek yezdem.u daɣen d azwel agi ara yettwasqedcen deg glem n usebtar mara tent serseḍ deg ticṛaḍ isebtaren.

Tugniwin

I tikelt nniḍen ansikked aferdis n tawlaft:

<img src="tawlaft/firefox-icon.png" alt="asadez tawlaft inu">

Am akken in wala tikelt izrin,aferdis agi yettaǧǧa asekcem n tugna deg sebtar,deg amḍiq ideg aferdis ittbaned.tawlaft yettwasqedcen tettwasbad seg ayla src (iw ɣbalu) yellan degs abrid ɣer s afaylu n tugna.

Neseqdec daɣen ayla alt (iw alternatif) ideg yellan degs adṛis aɣ yeǧǧen an glem tawlaft u ig zemren a tettwaseqdec sɣuṛ uqedac ur nettwali tawlaft:

  1. Acku iẓṛi n sen ur iggerez ara.iqedacen ig llan d imakdawen deg iẓṛi seqdacen sumata imaɣran igdilen ig qaṛen adṛis n wayla yagi iw akken aqedac ad yegzu d'acut.
  2. Acku yella wayen yeḍṛan n dirri u degmi tawlaft ur tettwasken ara.amedya,ayagi izmer ad yeḍṛu ma yella abrid ɣer tawlaft ur iggerez ara : ɛarḍet attbedelem abrid  yellan deg ayla n wen src akken awen-id iban.ma yella abrid iggerez,awen-id yefeɣ waya:

                                                                      

Ayen iwumi yessefk astecfum d-akken ayla yettwaseqdec iw glem n tawlaft.adṛis yellan deg ayla yessefk ad i jaǧǧew deqs n isalen iw akken ameɣri ad yeḥṣu amek i tga tawlaft.amedya,adṛis agi i seqdac-aɣ « Asadez tawlaft inu » ur yelhi yara maḍi.tifrat iwulmen d asersi « Turza Firefox ,ig skanayen abaraɣ s tjeḥniṭ degs times yezin iw akal ».

Deg tawuri n tugna inek,aselhu n udṛis ameslellay iw akken ad i glem tawlaft akken iwata.

Tazmilt: ugar isalen i takcumt,tzemrem a tesqedcem tigezmi  Takcumt  n MDN.

Ṛekkez adṛis

Deg tigezmi yagi,anẓeṛ kra seg fardisen HTML n uzadur iw ṛekkez n idṛisen.

Izwal

iferdisen n wazwel ttaǧǧan asbadu n kra idṛisen am izwal neɣ adahil n izwal iw agbur.akken yebɣu yilli,wigi teddun am akken adlis ɣuṛes azwel amenzawi: daɣen d izwal n yiɣef u d adahil n izwal deg iɣfawen,HTML degs 6  iswiren n izwal, <h1><h6> tugett d 3-4 iswiren agi ay qidden:

<h1>Azwel inu amenzawi</h1>
<h2>Azwel inu n tigezmi</h2>
<h3>Adahil inu</h3>
<h4>Adahil-udahil n azwel inu</h4>

Tura tzemrem a ttarnum azwel yemsasan iw sebtar n wen seg iferdisen agi.tzemrem a tesersem nnig uferdis  <img> deg tateggart n HTML.

Tiseddarin

Am akken  nezzegzi deg tazwara,iferdisen , <p> ttwasqedcen iw akken ad yers degs tiseddarin n udṛis.attuɣalem aten teseqdacem nedzah iw sersi n udṛis deg sebtar:

<p>Attan taseddart</p>

Dagi tzemrem a tternum adṛis i tfernem mara  tɣatasem Amek ara d yefeɣ wasmel n wen? tzemrem a tesersem adṛis n wen deg yiwet neɣ deg aas n tiseddarin,srid sdaw uferdis  <img> .

Umuɣen

Amur ameqqṛan n igburen yellan deg Web llan s talɣa n umuɣen.ihi HTML ɣuṛes iferdisen yettwasqedcen deg sebggen n umuɣen.tarkkizt n umuɣen degs yall ass sin n iferdisen.tiwsatin n umuɣen yettwasqedcen yall ass d umuɣen yessuneḍen d umuɣen wer-ssuneḍen:

 

  1. Umuɣen wer-ssuneḍen d umuɣen i deg tasunḍa n iferdisen mačči dayen yesɛan azal taṛkkizt yettwasqedcen i umuɣen agi d aferdis<ul>.
  2. Umuɣen yessuneḍen d umuɣen i deg tasunḍa n iferdisen yesɛan azal taṛkkizt yettwasqedcen i umuɣen agi d aferdis <ol>.

Yal aferdis n umuɣ yettuṛekkez akked aferdis <li> (list item).

Deg medya, ma nebɣa anbeddel taseddart deg yiwen wumuɣ:

<p>Mozilla, d agraw ageraɣlan i deg ttekkan degs itiknulugen , imedmayen , imsalayen ig qedcen akken... </p>

Nezmer a neg:

<p>Mozilla,d agraw ageraɣlan i deg ttekkan degs</p>
    
<ul> 
  <li>itiknulugen</li>
  <li>imedmayen</li>
  <li>imsalayen</li>
</ul>

<p>ig qedcen akken ... </p>

Ɛarḍet a tternum umuɣ yessuneḍen neɣ wer-yessuneḍen ɣef usebtar n wen.tzemrem a ternum ɣer tawlaft.

Iseɣwan

iseɣwan ɣuṛsen azal,ad nutnni ig gan d-akken web ad yilli d azeṭṭa i deg nezmer an inig seg sebtar ɣer s asebtar.iw snulfu n useɣwan,iqqad aseqdec n uferdis— <a> —(a d tazribt i  « ancre ») iw sseɣwel n udṛis ɣer s aseɣwen,ddut deg mecwaṛen :

  1. Ferenet adṛis (dagi neseqdac s udṛis « Ameskan n Mozilla ».
  2. Segreret adṛis  deg ferdis<a>:
    <a>Ameskan n Mozilla</a>
  3. Awited ayla herf iw ferdis  <a> am akka:
    <a href="">Ameskan n Mozilla</a>
  4. Deg wayala yagi,ernut aseɣwen ɣer s asmel ideg tzemerem attwahim iqedacen:
    <a href="https://www.mozilla.org/en-kb/about/manifesto/">Amaskan Mozilla</a>

Γuṛwat atettum idis https:// neɣ http:// ig skanayen askari yettwasqedcen,deg tazwart n tansa.mara d snulfuḍ aseɣwen,skayad asebtar inek u senned fell-as iw akken attsenkedeḍ belli iteddu akken iwata..

href izmer ad iban yesewham deg tmuɣli-s.Tasefrayt ɣef wansi id yekka isem agi u ahat ak i sishel astecfuḍ : href yebɣa ad yini  hypertext reference s taglizit,anamek-is s taqbaylit Aflaḍṛis Tamselɣut.

Mur tgim ara,tzemrem atternum aseɣwen iw sebtar n wen s umezga n isalen agi.

Tarrayt

Ma yella tḍefṛem tiknutin usebtar agi,asebtar n wen ad ifeɣ am agi yellan da (tzemrem daɣen wali da):

A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text

Ma yella twaḥlem,ur ttkukrut ara semyifet leqdic n wen akked amedya yekkfan yella di Github.

Deg amagrad agi, ur d nugem ara deg talqayt n HTML.iw akken tamusni a ttilli telha,tzemrem a tterrem s asbtar agi HTML Learning topic.

Tibzimin akked imttekkiyen icuddden ɣer isemli

Imttekiyen deg usebter agi: AlemFarid, jwhitlock
Asnifel anneggaru sɣur: AlemFarid,