HTML
Hyper Text Markup Language
Zer da?
WIKIPEDIA-ti hartuta
HTML edo HyperText Markup Language Markaketa lengoaia bat da, web orriak egiteko sortu zena. Informazioa egituratzeko erabiltzen da — testua burualdean, paragrafo batean, zerrenda batean eta beste zenbaitetan sailkatuz — eta neurri batean itxura eta semantika ere deskribatzeko erabil daiteke. Tim Berners-Leek sortu zuen lengoaia hau estandar internazional bilakatu da ( ISO/IEC 15445:2000). Bere zehaztapenak W3Ck mantentzen ditu gaur egun. Interneti eta Internet Explorer, Opera, Firefox edo Netscape bezalako web nabigatzaileei esker, HTML dokumentua sortzeko formaturik ospetsuenetarikoa bihurtu da. HTML SGMLren aplikazioa da, ISO 8879 nazioarteko estandarraren arabera. XHTML HTML 4ren birformulazioa da XML 1.0 aplikazio bezala, eta lengoaia honen garapen egonkorrerako oinarria hartzen du. Gainera, XHTML markaketa lengoaiak HTML 4-k onartzen zituen erabiltzaile agenteekiko bateragarritasuna ahalmentzen du
HTML-Oinarrizko sintaxia <html> <head> <title>gure orrialdearen izenburua</title> </head> <body> Orriaren gorputza, irudiakâ&#x20AC;Ś </body> </html>
HTML sintaxia (II)
Orrialdearen hasiera eta bukaera zeintzuk diren adierazteko erabiltzen dira <html></html> “etiketa” edo “tag”-ak. <html> etiketen barnean… –
–
<head></head> artean adieraziko da orrialdearen goiburua zein den. <title></title> barnean berriz izenburua. <body></body> etiketen barnean sartuko dugu orrialdean bistaratu nahi dugun informazioa
Gure lehen HTML orrialdea sortzen
Ireki edozein testu prozesatzaile (bloc de notas, notepad, xxxxx )eta kopiatu ondorengo kodea
<html> <head><title>Nire lehen html orrialdea </title> </head> <body> <center<h1>kaixo mundua!</h1></center> <br>Hauxe da nire html orrialdea </body> </html>
Gorde fitxategia “LehenOrria.html” izenaz. Kontuan izan: windowsen fitxategi ezagunen extentsioak ikusteko aukera aktibatuta izatea. Azkenik, zabaldu orrialdea web nabigatzaile batekin. (Firefox, Safari, Chrome, Explorer…)
Oinarrizko etiketak (I)
Behartutako lerro jauzia <br> Marra horizontala <hr> Testuari… – – – –
Negrita: <b>negrita azalduko da hau </b> Letra etzanda: <i>hau berriz etzanda</i> Azpimarratutako testua: <u>azpimarratuta</u> <H1>, <H2>,... <H6>: izenburuak edo goiburuak tamaina ezberdina
Link-a: <a href=“helburuaren url-a”>linka</a> Parrafoa: <p>Parrafoak egituratzeko</p> Edukia erdian jartzeko: <center>edukia</center> Zerrendak: <LI>, <OL>,<UL> Gogoratu: HTML orrialde bat nabigatzailean zabaltzean, bere kodean etiketa artean adierazitakoa bistaratuko da testu idatzian, hau da, lerro jauziak… etiketa bereziekin adierazi behar dira, bestela ez dira kontuan hartuko.
Oinarrizko etiketak (II) TAULAK:
Erabilpen ugari. Besteak beste informazioa antolatzeko, hau da, edukia guk nahi dugun tokian bistaratzeko.
<table></table> etiketak erabili behar dira taulak erabiltzeko <tr></tr> errenkadak adierazteko <td></td> zutabeak adierazteko <table border=“1”> <tr><td> 1 </td><td> 2</td><td>3</td></tr> 3 <tr><td>5</td><td>6</td></tr> </table> 5
1
2 4
Oinarrizko etiketak (III)
ZERRENDAK – –
UL “unordered list” OL “ordered list”
<ul> <li>Zerrendako lehen elementua</li> <li>Zerrendako bigarren elementua</li> <li>Zerrendako hirugarren elementua</li> </ul> <ol> <li>Zerrendako lehen elementua</li> <li>Zerrendako bigarren elementua</li> <li>Zerrendako hirugarren elementua</li> </ol>
Oinarrizko etiketak (IV)
IRUDIAK TXERTATZEN:
<img src=“irudia.jpg" width="200" height="150"> - src=“irudia kokatuta dagoen helbidea + fitxategiaren izena” adib: <img src=“irudiak/2010/argazkia5.gif”> KANPOTIK ERE: src=“http://www.orria.com/irudia.jpg”
- width=“zabalera pixeletan” - height=“altuera pixeletan”
Irudi bat txertatzen dugunean irudi honek guk nahi dugun tamaina hartzea nahi badugu, width eta height parametroak definitu behar dira. Bestela irudiak berez duen tamaina hartuko du pantailan.
HTML etiketak zergatik? ď Ź ď Ź
Web orrialdeen oinarrizko hizkuntza Web orrialdeen oinarrizko estandarrak definizio bat behar zuelako
Erreferentziak: http://www.w3.org/MarkUp/Guide/
ARIKETA 3 orrialde egin behar dituzu. Lehena, bigarrena eta hirugarrena izena dutenak. Bakoitzean beste orrietara joateko estekak egon behar dira. Baita internetera joateko estekak ere. Hiruetako batean marquesina bat egon behar da. Bi orrialdeetan irudi bat egon behar da, tamaina txikian. Irudi hori klikatzean, handitu egin behar da. Taula bat ere egin behar duzu orrialde batean. Kontutan hartu behar dena: Letren kolorea, negrita, azpimarraketa, tamaina, kurtsiba.