HTML etiketen zerrenda
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 |
Iruzkinak
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 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 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: