Testu egituratua, HTML-rik jakin gabe, HTML lengoaian editatuko diren testuak idazteko konbentzio bat da. Erabil behar diren arauak ikasten badira, modu azkar batean testuak idazteko era bat da.

1. Parrafoak bereizteko... lerro bat hutsik utzi behar da. Era honetan sistemak parrafo berri bat hasten dela ulertzen du.

Idatzitako testua leihoan

Parrafo bat da hau. Bigarren parrafoa da hau, lerro huts bat dagoelako honen eta aurrekoaren artean. Hirugarren parrafoa, beste lerro huts bat jarri delako aurretik.

Lortutako HTML kodea

<p>Parrafo bat da hau.</p> <p>Bigarren parrafoa da hau, lerro huts bat dagoelako honen eta aurrekoaren artean.</p> <p>Hirugarren parrafoa, beste lerro huts bat jarri delako aurretik.</p>

Lortutako emaitza webgunean

Parrafo bat da hau. Bigarren parrafoa da hau, lerro huts bat dagoelako honen eta aurrekoaren artean. Hirugarren parrafoa, beste lerro huts bat jarri delako aurretik.

2. Lerroak izenburu bezala markatu. Lerro bakarreko parrafo baten ostean, hurrengo parrafoa espazio huts batekin hasten bada, lerro bakarreko parrafoa izenburu bihurtzen da.

Idatzitako testua leihoan

Lerro hau izenburu bezala markatu nahi dugu.  Aurreko lerroa izenburu bezala markatzeko, zurigune bat du jarri behar dugu hasi aurretik parrafo honetan. Zuriguneak aurreko lerroa izenburu dela adierazi nahi du.

Lortutako HTML kodea

<p><font size=+1><b>Lerro hau izenburu bezala markatu nahi dugu.</b></font></p> <p>Aurreko lerroa izenburu bezala markatzeko, zurigune bat du jarri behar dugu hasi aurretik parrafo honetan. Zuriguneak aurreko lerroa izenburu dela adierazi nahi du.</p>

Lortutako emaitza webgunean

Lerro hau izenburu bezala markatu nahi dugu. Aurreko lerroa izenburu bezala markatzeko, zurigune bat du jarri behar dugu hasi aurretik parrafo honetan. Zuriguneak aurreko lerroa izenburu dela adierazi nahi du.

3. Testua markatu eta aldatu gabe agertzeko, HTML lengoaian, <PRE> komandoak beteko lukeena egiteko, komilla sinpleak (') erabiliko ditugu.

Idatzitako testua leihoan

Hau beti horrela agertuko da komilla bakarren artean jarrita dagoelako. '(4 * 2) / 1) * 5)'

Lortutako HTML kodea

<p>Hau beti horrela agertuko da komilla bakarren artean jarrita dagoelako.</p> <pre>(4 * 2) / 1) * 5)<pre>

Lortutako emaitza webgunean

Hau beti horrela agertuko da komilla bakarren artean jarrita dagoelako. (4 * 2) / 1) * 5)

4. Lerroak puntutako atal gisa azaldu. Parrafoa marratxoarekin (-) edo asteriskoarekin (*) hasten bada, puntukako atal gisa azalduko da. Marratxo edo asteriskoaren ondoren, zurigunea izan behar du. Era berean, puntutako atal gisa agertutako lerroen artean, lerro huts bat jarri behar da. Adibidea (-) marra karakterearekin egin dugu, baina asterikoarekin (*) ere izan zitekeen.

Idatzitako testua leihoan

- Puntutako atal gisa agertzeko lehen parrafoa. - Puntutako atal gisa agertzeko bigarren parrafoa. - Puntutako atal gisa agertzeko hirugarren parrafoa.

Lortutako HTML kodea

<ul> <li>Puntutako atal gisa agertzeko lehen parrafoa.</li> <li>Puntutako atal gisa agertzeko bigarren parrafoa.</li> <li>Puntutako atal gisa agertzeko hirugarren parrafoa.</li> </ul>

Lortutako emaitza webgunean

Puntutako atal gisa agertzeko lehen parrafoa. Puntutako atal gisa agertzeko bigarren parrafoa. Puntutako atal gisa agertzeko hirugarren parrafoa.

Lerroak zenbatutako atal gisa agertzea nahi badugu, asterisko (*) edo marra (-) jarri beharrean, zenbakia jarriko dugu. Bertan jartzen dugun zenbakia ez da garrantzitsua, zenbaki horrek ez du ordena markatuko. Ordena, lerroen arteko ordenak emango du.

Idatzitako testua leihoan

1 Zenbatutako atal gisa agertzeko lehen parrafoa. 3 Zenbatutako atal gisa agertzeko bigarren parrafoa. 2 Zenbatutako atal gisa agertzeko hirugarren parrafoa.

Lortutako HTML kodea

<ol> <li>Zenbatutako atal gisa agertzeko lehen parrafoa.</li> <li>Zenbatutako atal gisa agertzeko bigarren parrafoa.</li> <li>Zenbatutako atal gisa agertzeko hirugarren parrafoa.</li> </ol>

Lortutako emaitza webgunean

Zenbatutako atal gisa agertzeko lehen parrafoa. Zenbatutako atal gisa agertzeko bigarren parrafoa. Zenbatutako atal gisa agertzeko hirugarren parrafoa.

5. Hitz bat edo hitz batzuk italikoz idatzi. Hitz bat edo hitz batzuk, asterisko bat albo bana jartzen bazaie, italikoz edo kurtsibaz azalduko da testuan.

Idatzitako testua leihoan

*hitz hauek italikoz agertuko dira* eta hauek ordea, ez.

Lortutako HTML kodea

<i>hitz hauek italikoz agertuko dira</i> eta hauek ordea, ez.

Lortutako emaitza webgunean

hitz hauek italikoz agertuko dira eta hauek ordea, ez.

6. Hitz bat edo hitz batzuk beltzez edo negritaz idatzi. Hitz bat edo hitz batzuk, asterisko biz albo bana jartzen bazaie, beltzez edo negritaz azalduko da testuan.

Idatzitako testua leihoan

**hitz hauek beltzez edo negritaz agertuko dira** eta hauek ordea, ez.

Lortutako HTML kodea

<b>hitz hauek beltzez edo negritaz agertuko dira</b> eta hauek ordea, ez.

Lortutako emaitza webgunean

hitz hauek beltzez edo negritaz agertuko dira eta hauek ordea, ez.

7. Hitz bat edo hitz batzuk azpimarraturik idatzi. Hitz bat edo hitz batzuk, marra baxu bana albo bana jartzen bazaie, azpimarraturik azalduko da testuan.

Idatzitako testua leihoan

_hitz hauek azpimarraturik agertuko dira_ eta hauek ordea, ez.

Lortutako HTML kodea

<u>hitz hauek azpimarraturik agertuko dira</u> eta hauek ordea, ez.

Lortutako emaitza webgunean

hitz hauek azpimarraturik agertuko dira eta hauek ordea, ez.

8. Estekak eta e-posta helbideak markatzeko. Aurretik bi komilla (") zuzenen artean beti aipatuko da webgunearen edo eposta-ren izena. Ondoren, estekak markatzeko, estekaren izena komatxo artean jarri eta gero, bi aukera izango ditugu, edo bi puntuko (:) karakterea, edo bestela, koma eta zurigunea (, ) karaktere parea jarri. Azkenik, hauen ondoren url-a edo posta helbidea jarriko da.

   Adi, komatxo bikoitz zuzenak (") izan behar dira, ez komatxo bikoitz irregularrak, hasiera eta amaieran itxura desberdina dutenak.

   Web esteka bat pantailaratzeko... Ez ahaztu inoiz "http://" sarrera aipatzea. Eta e-posta helbidea jartzean, beti jar ezazu "mailto:" aurretik.

   Idatzitako testua leihoan

   Hau adibide bat da. Joan zaitez "Beitia webgunea":http://www.beitia.org/ ikustera. Hau ere "Beitia webgunea", http://www.beitia.com ikusteko esteka bat da. E-posta helbide adibidea bat: "Aitorren helbidea":mailto:aitor@adibide.com. Eta beste bat "Aitorren helbidea", mailto:aitor@adibide.com.

   Lortutako HTML kodea

   Hau adibide bat da. Joan zaitez <a href="http://www.beitia.org/">Beitia webgunea</a> ikustera. Hau ere <a href="http://www.beitia.org/">Beitia webgunea</a> ikusteko esteka bat da. E-posta helbide adibidea bat: <a href="mailto:aitor@adibide.com">Aitorren helbidea</a>. Eta beste bat <a href="mailto:aitor@adibide.com">Aitorren helbidea.

   Lortutako emaitza webgunean

   Hau adibide bat da. Joan zaitez Beitia webgunea ikustera. Hau ere Beitia webgunea ikusteko esteka bat da. E-posta helbide adibidea bat: Aitorren helbidea. Eta beste bat Aitorren helbidea.

Testu egituratuak aukera gehiago ematen baditu, hauek dira gehien erabil daitezkeen funtzionalitateak. Mezuak erantzutean erabil itzazu.