HTML : diforc'h etre ar stummoù

Endalc’h diverket Danvez ouzhpennet
Diverradenn ebet eus ar c'hemm
Linenn 1:
'''HTML''' ''('''HyperH'''yper Text'''T'''ext Markup'''M'''arkup Language'''L'''anguage)'' a zo ul [[lavar merkañ]] implijet dreist-holl evit sevel pajennoù evit [[Internet]].
 
==Balizennoù==
== An Tagoù HTML ==
Ur bajenn HTML a vesk an destenn da vout diskouezet war ar [[skramm]] gant "baizennoù <ref>[[tag]http://www.brezhoneg.bzh/87-termofis.htm Termofis]où", da lâretlavaret eo kemennoù evit divizout penaos e rankfe ar [[browser|merdeer]] diskouez (fichañ...)diskwel ar skrid. Peurvuiañ e teu an tagoù daou-ha-daou: un tag-deraouiñ, hag un tag-echuiñ. An tag-deraouiñ a gemenn, hag a verk penn-kentañ ar pennad-skrid (an "elfenn"). Hag an tag-echuiñ a verk dibenn an elfenn.<br>
Daou-ha-daou peurvuiañ e teu ar balizennoù, a vez skrivet er stumm <code><balizenn digeriñ>skrid da gemmañ</balizenn klozañ></code>. Ar valizenn digeriñ a gemenn ar c'hemm a zo da zegas d'ar skrid hag ar valizenn klozañ a verk dibenn ar c'hemm. Da skouer, ar skrid <code><nowiki>Diskwel lizherennoù tev er <b>ger-mañ</b>!</nowiki></code> a zeuio evel « Diskwel lizherennoù tev er '''ger-mañ''' ! ».
 
=== TagoùBalizennoù pennañ ===
*<code>&lt;html></code> : evit lâret e teraou un teul HTML, neuze e ranko ar merdeer jubenniñ kement a zeu war he lerc'h e-giz kod HTML.
 
*<code>&lt;htmlhead></code> : evit lâretmerkañ e teraoutalbenn un teul HTML,; neuzebez' eemañ rankoennañ ar [[merdeer]]stlennoù tretañpennañ kementdiwar-benn aan zeuioteul, warhini eebet lerc'hanezho e-gizne kodvo HTMLdiskouezet war-eeun.
*<code>&lt;body></code> : evit deraouiñ korf un teul HTML, da lavaret eo e endalc'h, kement a vo diskouezet d'an implijer e prenestr ar merdeer.
 
;<head>. . .</head>
<code>&lt;head></code> : evit merkañ talbenn un teul HTML. Bez' emañ e-barzh ennañ ar stlennoù pennañ diwar-benn an teul, hini ebet anezho ne vo diskouezet war-eeun.
E-barzh an elfenn <head> e vo kavetlakaer :
 
*<code>&lt;bodytitle></code> : evittitl deraouiñ "korf" un teular HTMLbajenn, da lavaret eo e endalc'h, kementhag a vo diskouezet d'an implijerskrivet e-barzh prenestre barrenn-ditl ar [[merdeer]].
*<code><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></code> ma lavarer d'ar merdeer ez eus ur skrid skrivet en HTML er bajenn, ha ma roer urzh da ober gant ar reizhiad lizherennoù UTF-8. <ref>''Universal Character Set Transformation Format1 - 8 bits'' ; ar reizhiad-se a rankit implijout mar fell deoc'h e vije lakaet al lizherennoù '''ñ''' ha '''Ñ''' war wel, da skouer.</ref>
 
;<style>. . .</style>
==== Head ====
Etre ar balizennoù-se e skriver an urzhioù CSS ''(Cascading Style Sheets)'', dalavaret eo ar stil a fell d'an den lakaat d'ar bajenn : stumm an titloù, ar rannbennadoù, an taolennoù, kuit a skrivañ meur a wech an hevelep urzhioù.
E-barzh an elfenn <head> e vo kavet :
;<body>. . .</body>
* <code>&lt;title></code> : titl ar bajenn, hag a vo skrivet e-barzh e barrenn-titl ar [[merdeer]].
E-barzh ar c'horf <kbd>body</kbd> e c'haller kavout tagoùbalizennoù all, e-giz da skouer :
 
==== Body ====
E-barzh ar c'horf <kbd>body</kbd> e c'haller kavout tagoù all, e-giz da skouer :
* <code>&lt;h1&gt;, &lt;h2&gt;,... &lt;h6&gt;</code> : titloù ar c'hevrennoù, an iskevrennoù...
* <code>&lt;p&gt;</code> : evit digeriñ ur rannbennad nevez.
* <code>&lt;br&gt;</code> : evit cheñch linenn hep cheñch rannbennad.
* <code>&lt;table&gt;</code> : evit krouiñ un daolenn (e-barzh hemañ e vo kavet ivez <code>&lt;tr&gt;</code> evit pep linenn eus an daolenn, ha neuze <code>&lt;td&gt;</code> evit dispartiañ ar stlennoù).
* <code>&lt;div&gt;</code>: evit merkañ ur rann...
==== Skouer ====
 
==== Skouer ====
<syntaxhighlight lang="HTML">
<!DOCTYPE HTML>
Linenn 32 ⟶ 29:
<title>Salud, mestr an dud !</title>
</head>
<style>
p {
color:red;
font-weight:bold;
}
<body>
<p><span style="color:red;"><b>Salud dit,</b></span><br><span style="color:blue;">mestr an dud !</span></p>
</body>
</html>
Linenn 39 ⟶ 41:
 
a vo diskouezet war ar skramm :
:<span style="color:red">'''Salud dit, mestr an dud !'''</span>
:<span style="color:blue">mestr an dud !</span>
 
== Emdroadur ==