HTML hizkuntza
Gabriel Aresti BHI
Zer da HTML hizkuntza? Web orrialdeak HTML hizkuntzan daude idatzita. HTML hizkuntzan informazioa etiketen bidez jartzen da; etiketek web-orrialdearen elementu bakoitzaren hasiera eta amaiera adierazten du. HTML fitxategiak htm edo html hedapena daukate. Web nabigatzaileak (Explorer, Firefox,..) fitxategi hauek irakurtzen dute eta informazioa web orrialde bezala erakusten dute pantailan
Gure lehen web orrialdeak: HTML hizkuntza zuzenean idatziz, web orrialde errazak sortuko dituzu. Testu-editorea bezala “Bloc de notas” programa erabiliko duzu(Word ere erabil daiteke, baina orduan “Texto sin formato” bezala gorde behar da). Lehen eta behin, sortu zure karpetan beste karpeta bat, egingo dituzun ariketak gordetzeko, karpeta “HTML” deituko da.
1. Zabaldu “Bloc de notas”: Inicio/Programas/Accesorios/Bloc de notas, eta bertan , kopia ezazu ondoko testua (testu honetan aukeratu,kopiatu eta itsatsi):
Lehen
orrialdea
Kaixo, frogak egiten ari naiz.
1
HTML hizkuntza
Gabriel Aresti BHI
2. Gorde dokumentu hau, zure karpetan (HTML karpetan,
lehenorria.htm izenarekin: Archivo/Guardar como.. 3. Orain, gorde duzun fitxategia zabaltzen baduzu (nabigatzailearen ikonoa izango du), nabigatzaileak (gure kasuan, Explorer) ondoko pantaila erakutsiko du.
HTML hizkuntzan, informazio etiketen artean doa:
• eta . Non hasi eta amaitzen da dokumentua • Goiburua, eta, hemen titulua idazten da (
, etiketeen artean). Titulua hau, goiko aldean, nabigatzaileak erakusten du. • eta etiketeen artean orrialdean ikusiko denaren informazioa doa. Gure adibidean: •bgcolor=”#FFCC99” fondoaren kolorea da •font color="#CC3300" letraren kolorea •size="5”, letraren tamainua
Koloreak adierazteko kodigo berezi bat erabiltzen da, baina kolorea ezaguna denean, bere izena zuzenena idatz daiteke, hurrengo ariketan bezala.
2
HTML hizkuntza
Gabriel Aresti BHI
Aldatuko dugu ezaugarri batzuk eta ikus ezazu nola gelditzen den orrialdea:
Nire bigarren orrialdea Kaixo, frogak egiten ari naiz.
Gorde dokumentua bigarrena.htm izenarekin. Fitxategia zabaltzerakoan orrialdearen formatu aldatu dela ikusiko duzu.
Hirugarren orrialdea. Markesina
Orain ikusiko dugu nola lor daiteke markesina bat (alde batetik bestera mugitzen diren testuak) ipintzea web orrialdean 1. bigarrena.htm orrialdean itsatsi ondoko testua (adibidez, esaldiaren gainean, “
Hau markesina da
2. Gorde hirugarrena.htm izenarekin eta zabaldu nabegatzailearekin. Hirugarren web orrialdea ondo dabilen ikusita, suposa dezagun aldaketa batzuk nahi ditugula egin: Markesinaren kolorea:horia Markesinan zure izena doa, gorriz idatzita Izena 10 tamainakoa da.
3
HTML hizkuntza
Gabriel Aresti BHI
Gogora ezazu, ezaugarriak ingelesez idatzi behar dira. Gorde hirugarrena2.htm izenarekin.
Laugarren orrialdea. Imajina bat txertatzen Web orrialdetan imajinak ipintzen dira web orrialdeen itxura hobetzeko. Web gunearen fitxategiak ordenatzeko, imajinak karpeta berezi batean gordetzen dira (adibide honetan erabiliko duzun imajina (ik014188ab/html/imajinak karpetan gordeta dago, logo_animales deitzen da). 1. Lehengo sortu HTML karpetaren barnean beste karpeta bat “imajinak”.
2. Gorde ezazu, “imajinak” karpetan, web orrialdean ikusiko den imajina
3. hirugarrena.htm orrialdean itsatsi ondoko testua (adibidez, testuaren ondoren): 4. Gorde laugarrena.htm izenarekin eta zabaldu nabigatzailerekin.
Bosgarren orrialdea. Hiperesteka (link) txertatzen Orain jarriko dugu web orrialdean, beste web gune batera joateko lotura (hiperesteka). 1. Idatzi ondoko lerroa (adibidez, imajinaren ondoren): Gure Athletic 2. Gorde bosgarrena.htm izenarekin eta zabaldu nabigatzailearekin. 4
HTML hizkuntza
Gabriel Aresti BHI
Adibide hauek www.aulaclic.com web gunean daude, “Curso de HTML” ikastaroaren barnean (on-line, hainbat ikastaro eskaintzen du). Gehiago ikasi nahi baduzu, helbide horretara joan ahal zara.
5