HTML Quick and Dirty Tutorial

HTML5 webean agertzen diren orrialdeak idazteko erabiltzen duen markatze-hizkuntza da. Arraunak lehen begiratuan bistakoak ez diren arauak jarraitzen ditu. Hala ere, HTML5-n HTML dokumentu bat idaztea ahalbidetzen duten gauza batzuk baino ez dituzu ezagutzen, edozein motatako prozesu programan egin dezakezu.

Itxi eta ixten diren etiketak

Salbuespen gutxi batzuekin, etiketak izeneko instrukzio guztiak bikoteka daude. HTML5 bertsioan ireki eta itxita daude. Irekiaren etiketa eta itxiera etiketaren artean, irekitze-etiketak ematen dituen argibideak jarraitzen ditu. Kodeketan ezberdintasun bakarra barra-barra bat gehitzea itxiera etiketa da. Adibidez:

Izenburua Goes Here

Bi etiketa horiek adierazten dute bi arteko edukia h1 titularrean agertu behar dela. Itzaltzeko etiketa gehitzeko ahazten baduzu, irekitze-etiketa jarraitzen duen guztia h1 tituluan agertuko da.

HTML5 oinarrizko etiketak

HTML5 dokumentuetarako beharrezko oinarrizko elementuak hauek dira:

Doktifikazio-deklarazioa ez da etiketa. HTML5-k hari konektatzen dion ordenagailua kontatzen du. HTML5 orrialde bakoitzaren goialdera doa eta forma hau hartzen du:

HTML etiketa ordenagailuari irekita eta itxiera etiketaren artean agertzen den guztia HTML5 arauak jarraitzen ditu eta arauen arabera interpretatu behar da. Etiketa barruan, etiketa eta etiketa aurkituko dituzu normalean.

Etiketa horiek zure dokumentuaren egitura ematen dute, nabigatzaileek ezagutzen duten zerbait ematen dute eta XHTMLrako dokumentuak aldatu nahi badituzu, hizkuntza horretako bertsioan behar dira.

Etiketa nagusia SEO garrantzitsua da, edo bilaketa motorearen optimizazioa. Titulu izen ona idazten baduzu, irakurleei zure orrira joateko egin dezakezun gauza bakarra da. Ez da orrian erakusten baina arakatzailearen goialdean agertzen da. Izenburua idazten duzunean, erabili orriaren gaineko gako-hitzak, baina irakur daitezke. Izenburua irekitze eta itxiera etiketen barruan dago.

Gorputz taulak zure ordenagailuko pantailan ikusten duzun guztia dauka web orri bat irekitzean. Webgune baterako idazten duzun guztia ia irekitzen eta itxi egiten da. Jarri oinarriak hauek guztiak eta zuk:

Zure izenburua buru hemen doa. Webguneko guztia hemen doa. Kontuan izan etiketa bakoitzak dagokion itxiera etiketa duela.

Izenburuaren etiketak

Etiketa nagusiak web orrialde baten testuaren tamaina erlatiboa zehazten du. H1 etiketak h2, h3, h4, h5 eta h6 etiketen arabera handiak dira. Webgune honetako testuak web orritik bereizten dira izenburu edo azpiatal gisa. Etiketa gabe, testu osoa tamaina berdina da. Izenburuen etiketak honela erabiltzen dira:

Subhead Goes Here

Hori da. Testuak eta goiburuak dituzten testuak osatzen dituzten web orrialde bat konfiguratu eta idatzi dezakezu.

Bitartean praktikatu ondoren, irudiak gehitzeko eta web orrietarako estekak nola sartu nahi dituzun jakin nahi duzu. HTML5 oinarrizko oinarrizko azalpen hau baino askoz ere gehiago da.