HTML etiketen zerrenda

No profile photo programatzen | 2006-12-13 18:46
3

Egilea: Gorka Alustiza

NAGUSIAK


<HTML>...</HTML> HTML fitxaren hasiera eta amaiera
<HEAD>...</HEAD> HTML dokumentu baten burua
<BODY>...</BODY> HTML dokumentu baten gorputza
<TITLE>...</TITLE> Browserrak ikusaraziko duen titulua

TEXTUAREN ESTILOA


<B>...</B> Lodia
<I>...</I> Etzana
<U>...</U>
Azpimarratua
<S>...</S>
Marratua
<BIG>...</BIG>
Karaktereen tamaina unitate batean gehitua
<FONT color="#XXXXXX">...</FONT>
Textuaren kolorea
<FONT  size="X">...</FONT>
Textuaren tamaina
<FONT face="X">...</FONT>
Textuaren letra mota
<PRE>...</PRE>
Textu preformateatua
<SMALL>...</SMALL>
Karaktereen tamaina unitate batean gutxitua
<SUB>...</SUB>
Textua azpi-indizean
<SUP>...</SUP>
Textua goi-indizean

PARRAFOA ETA LERROKATZEAK


<!--...-> Komentarioak
<BR>
Lerro jauzia
<CENTER>...</CENTER>
Etiketen arteko elementua zentratu
<DIV align=center>...</DIV>
Etiketen arteko elementua zentratu
<DIV align=left>...</DIV>
Etiketen arteko elementua ezkerrean jarri
<DIV align=right>...</DIV>
Etiketen arteko elementua eskuinean jarri
<P>
Parrafo berria

ZERRENDAK


<UL><LI>...</LI></UL> Zenbakitu gabeko zerrenda
<OL><LI>...</LI></OL>
Zenbakitutako zerrenda
<DL><DT>...</DT></DL>
Definizio zerrenda (indentatu gabea)
<DL><DD>...</DD></DL>
Definizio zerrenda (indentatua)

ESTEKAK


<A href="http://...">...</A>
Web orri batera esteka
<A href="mailto:...">...</A> Email helbida batera esteka
<A href="orria.htm">...</A> "orria.htm" direktorio bereko orri batera esteka
<A href="sekzio">...</A> Sekzio batera esteka
<A href="#sekzio.">...</A> Orri bereko sekzio batera esteka
<A href="orria#sekzio.">...</A> "orria.htm" orriko sekzio batera esteka

IRUDIAK


<IMG src="irudi.gif">
"Gif" irudi baten txertatzea
<IMG ... width="x" height="y">
Irudiaren zabalera eta altueraren definizioa pixeletan
<IMG ... alt="Irudi bat">
Irudia agertzen ez denerako textu alternatiboa

TAULAK


<TABLE>...</TABLE> Taula baten definizioa
<TABLE border=x>...</TABLE>
Taularen ertzaren zabalera
<TABLE cellpaddin=x>...</TABLE>
Textuaren eta ertzaren arteko distantzia
<TABLE cellspacing=x>...</TABLE>
Gelaxken harteko marraren zabalera
<TR>...</TR>
Taulako lerroa
<TD>...</TD>
Taulako gelaxka
<TD bgcolor="#XXXXXX">
Gelaxka baten kolorea
<TD colspan=x>
Horizontalki fusionatu beharreko gelaxka kopurua
<TD rowspan=x>
Bertikalki fusionatu beharreko gelaxka kopurua

MARKOAK (FRAME)


<FRAMESET>...</FRAMESET> Frame egitura baten definizioa
<FRAMESET rows="x%, y%,...">
Lehiaren banaketa horizontala
<FRAMESET cols="x%, y%,..."> Lehiaren banaketa bertikala
<FRAME src="orria.htm" name="izena">
Frame lehio batean aurkeztutako orria
<NOFRAMES>...</NOFRAMES>
Frameak onartzen ez dituzten browserrentzat edukia

TARGET HELBURUAK


target = "lehioa"
Hiperlotura adierazitako estekan kargatzen da
target = "_blank" Lehio berri bat irekitzen du
target = "_self" Azpilehio aktiboan kargatzen du hiperlotura
target = "_parent" Aktualaren aurretik definitutako FRAMESETean kargatzen da
target = "_top" Azpilehio guztiak ezabatu eta hiperlotura lehio osoan erakusten da

FORMULARIO ELEMENTUAK


<TEXTAREA>...</TEXTAREA> Lerro anitzeko textu gelatxoa
<SELECT><OPTION>...</OPTION></SELECT> Hainbat aukeren zerrenda zabalgarria
<INPUT type="text">
Lerro bakarreko textu gelatxoa
<INPUT type="password"> "text" bezala, karaktereak "*"-gatik ordezkatuz
<INPUT type="checkbox"> "on"-"off" estatuak dituen laukitxo bat
<INPUT type="radio"> Aldi berean laukitxo bakar bat aukeratzen uzten duen taldea
<INPUT type="submit"> Formularioa bidaltzeko botoia
<INPUT type="reset"> Formularioa garbitzeko botoia
<INPUT type="file"> Fitxategi bat igotzeko menua
<INPUT type="hidden"> Informazio ezkutua
<INPUT type="image"> "Submit" funtzioa duen irudia

ibai

ibai 2006-12-13 19:02 #1

Baina kontuan hartu estiloa zehaztekoak ez direla gomendagarriak. Horretarako dago
CSS.< b > etiketaren ordez erabili < strong > eta < i >ren ordez
< em >Oso itxura ona du blogak. Segi horrela!

Txopi

Txopi 2006-12-14 18:09 #2

Aupa! Zorionak blogagatik, oso eduki onekin hasi zara/zarete eta :-)<br /><br />Portzierto, edukiak zein lizentziapean daude? Jakingo duzue baina inongo azalpenik ez badago copyright-a daukala suposatzen da eta beraz, hemen erakutsitakoak ezin dira ez zabaldu ez berrerabili. GPL, FPL edo horrelako lizentziarik jartzea pentsatu duzue?<br />

Gari

Gari 2006-12-15 11:55 #3

Aupa, zorionak eta animo!<br /><br />Hala ere, kontutan izan gaur egun ez dela normala HTML zahar horrekin lan egitea, eta garatzaile gehienok XHTML egiten dugula. Eskertuko duzu nabigatzaileen bateragarritasun aldetik!<br />


Utzi iruzkina: