html ariketak
TRANSCRIPT
WEB APLIKAZIOAK
1 - HTML lengoaia 1 2011/2012 ikasturtea
1 GAIA - HTML LENGOAIA
ARIKETA 1: HTML dokumentu baten oinarrizko etiketak
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
ARIKETA 2: Nabigatzailearen titulu barran testua jarri
<HTML>
<HEAD>
<TITLE> ARIKETA 2 </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
ARIKETA 3: Orriaren atzeko planoko kolorea definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 3 </TITLE>
</HEAD>
<BODY BGCOLOR= "#FFFFFF"> <!—- zuria -->
edo <BODY BGCOLOR= "white"> <!—- zuria -->
edo <BODY BGCOLOR= "#000000"> <!—- beltza -->
edo <BODY BGCOLOR= "black"> <!—- beltza -->
edo <BODY BGCOLOR= "#FF0000"> <!—- gorria -->
edo <BODY BGCOLOR= "red"> <!—- gorria -->
edo <BODY BGCOLOR= "#00FF00"> <!-- berdea -->
edo <BODY BGCOLOR= "green"> <!-- berdea -->
edo <BODY BGCOLOR= "#0000FF"> <!—- urdina -->
edo <BODY BGCOLOR= "blue"> <!—- urdina -->
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 2 2011/2012 ikasturtea
ARIKETA 4: Orriaren atzeko planoan irudi bat definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 4 </TITLE>
</HEAD>
<BODY BACKGROUND= "irudiak/argazki1.gif">
</BODY>
</HTML>
ARIKETA 5: Testuaren kolorea definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 5 </TITLE>
</HEAD>
<BODY TEXT= "blue">
Testu honen kolorea urdina da.
</BODY>
</HTML>
ARIKETA 6: Estekaren kolorea definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 6 </TITLE>
</HEAD>
<BODY LINK= “blue” VLINK= “purple” ALINK= “red”>
<!—- defektuzko koloreak hauek dira -->
<!—- LINK: bisitatu gabeko esteka baten kolorea definitzeko -->
<!—- VLINK: bisitatutako esteka baten kolorea definitzeko -->
<!—- ALINK: esteka bat sakatzen ari garen bitartean hartuko duen kolorea
definitzeko -->
<A HREF="http://www.google.es">GOOGLE</A>
</BODY>
</HTML>
ARIKETA 7: Marjinak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 7 </TITLE>
</HEAD>
<BODY LEFTMARGIN= “10” TOPMARGIN= “10”> <!—- pixel kopurua -->
edo <BODY LEFTMARGIN= “10%” TOPMARGIN= “10%”> <!—- portzentaia -->
Testuaren kokapena definitzeko.
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 3 2011/2012 ikasturtea
ARIKETA 8: Goiburukoak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 8 </TITLE>
</HEAD>
<BODY>
<H1>1. mailako goiburua</H1>
<H2>2. mailako goiburua</H2>
<H3>3. mailako goiburua</H3>
<H4>4. mailako goiburua</H4>
<H5>5. mailako goiburua</H5>
<H6>6. mailako goiburua</H6>
</BODY>
</HTML>
ARIKETA 9: Goiburukoak lerrokatu
<HTML>
<HEAD>
<TITLE> ARIKETA 9 </TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>1. mailako goiburua </H1> <!—- erdian -->
<H2 ALIGN=LEFT>2. mailako goiburua </H2> <!—- ezkerrean -->
<H3 ALIGN=RIGHT>3. mailako goiburua </H3> <!—- eskuinean -->
<H4 ALIGN=CENTER>4. mailako goiburua </H4> <!—- erdian -->
<H5 ALIGN=LEFT>5. mailako goiburua </H5> <!—- ezkerrean -->
<H6 ALIGN=RIGHT>6. mailako goiburua </H6> <!—- eskuinean -->
</BODY>
</HTML>
ARIKETA 10: Linea eta parrafo jauziak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 10 </TITLE>
</HEAD>
<BODY>
Linea honen ostean linea jauzi bat sartuko dut<BR>
Linea honen ostean parrafo jauzi bat sartuko dut <P>
Hutsune ezberdinak uzten dituzte, ezta?
<BR><BR><BR><BR><BR>
Hutsuneak uzteko br etiketa erabili.
<P><P><P><P><P>
Ulertzen duzu zergatik?
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 4 2011/2012 ikasturtea
ARIKETA 11: Hutsuneak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 11 </TITLE>
</HEAD>
<BODY>
Bat eta bi hitzen artean bost hutsune daude.
</BODY>
</HTML>
ARIKETA 12: Lerro horizontal bat definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 12 </TITLE>
</HEAD>
<BODY>
Linea honen azpian lerro horizontal bat agertzen da.
<HR SIZE=4 WIDTH= 75% ALIGN=CENTER COLOR= “blue”>
<!—- SIZE: lerro horizontalaren lodiera definitzeko -->
<!—- WIDTH: leihoarekiko zabalera definitzeko -->
<!—- ALIGN: leiho osoa okupatzen ez badu, lerrokatzea definitzeko -->
<!—- COLOR: lerro horizontalaren kolorea definitzeko -->
</BODY>
</HTML>
ARIKETA 13: Letra mota definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 13 </TITLE>
</HEAD>
<BODY>
<B> Testua lodia agertzen da </B><P>
<I> Testua etzana agertzen da </I><P>
<U> Testua azpimarratuta agertzen da </U><P>
<S> Testua marratuta agertzen da </S><P>
<SMALL> Testua txikia agertzen da </SMALL><P>
<BIG> Testua handia agertzen da </BIG><P>
Goi-indize bat sartzeko, adibidez, 2 <SUP>2</SUP><P>
Azpi-indize bat sartzeko, adibidez, a <SUB>j</SUB>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 5 2011/2012 ikasturtea
ARIKETA 14: Tamaina, kolorea eta iturria definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 14 </TITLE>
</HEAD>
<BODY>
<FONT SIZE=5 COLOR="blue" FACE="Verdana"> Froga 1 </FONT><P>
<FONT SIZE=+1 COLOR="#FF0000" FACE="Comic Sans MS"> Froga 2 </FONT><P>
<FONT SIZE=-1 COLOR="#00FF00" FACE="Arial"> Froga 3 </FONT><P>
<!—- SIZE: Karaktereen tamaina definitzeko; batetik zazpira, eta defektuz 3 -->
<!—- COLOR: Karaktereen kolorea definitzeko -->
<!—- FACE: Karaktereen iturria definitzeko -->
</BODY>
</HTML>
ARIKETA 15: Ordenarik gabeko zerrendak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 15 </TITLE>
</HEAD>
<BODY>
<!--COMPACT: Nabigatzaileak zerrenda ahalik eta konpaktuen erakusteko-->
<!--TYPE: Zerrendako elementu bakoitzaren aurrean jarri beharreko irudia-->
<!--LH: Zerrendaren titulua definitzeko; hautazkoa da-->
<!--LI: Zerrendako elementu bakoitza definitzeko-->
<UL COMPACT TYPE="disc">
<LH> Erosketa-zerrenda
<LI> esnea
<LI> ogia
<LI> okela
</UL>
<UL COMPACT TYPE="circle">
<LH> Erosketa-zerrenda
<LI> esnea
<LI> ogia
<LI> okela
</UL>
<UL COMPACT TYPE="square">
<LH> Erosketa-zerrenda
<LI> esnea
<LI> ogia
<LI> okela
</UL>
<UL COMPACT>
<LH> Erosketa-zerrenda
<LI TYPE="disc"> esnea
<LI TYPE="circle"> ogia
<LI TYPE="square"> okela
</UL>
</BODY>
WEB APLIKAZIOAK
1 - HTML lengoaia 6 2011/2012 ikasturtea
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 7 2011/2012 ikasturtea
ARIKETA 16: Zerrenda ordenatuak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 16 </TITLE>
</HEAD>
<BODY>
<!--COMPACT: Nabigatzaileak zerrenda ahalik eta konpaktuen erakusteko-->
<!--TYPE: Zerrendako elementu bakoitzaren aurrean jarriko den zenbakitze mota-->
<!--START: Zerrendako elementuak zein zenbakitik aurrera zenbatzen hasiko diren
definitzeko-->
<!--LH: Zerrendaren titulua definitzeko; hautazkoa da-->
<!--LI: Zerrendako elementu bakoitza definitzeko-->
<!--VALUE: START parametroaren erabilpen bera dauka, baina elementu zehatz
batetik-->
<OL COMPACT TYPE="1">
<LH> Gai ordena
<LI> Sarrera
<LI> Garapena
<LI> Ondorioa
</OL>
<OL COMPACT TYPE="a">
<LH> Gai ordena
<LI> Sarrera
<LI> Garapena
<LI> Ondorioa
</OL>
<OL COMPACT TYPE="A">
<LH> Gai ordena
<LI> Sarrera
<LI> Garapena
<LI> Ondorioa
</OL>
<OL COMPACT TYPE="i">
<LH> Gai ordena
<LI> Sarrera
<LI> Garapena
<LI> Ondorioa
</OL>
<OL COMPACT TYPE="I">
<LH> Gai ordena
<LI> Sarrera
<LI> Garapena
<LI> Ondorioa
</OL>
<OL COMPACT>
<LH> Gai ordena
<LI TYPE="I"> Sarrera
<LI TYPE="i"> Garapena
<LI TYPE="a"> Ondorioa
</OL>
<OL COMPACT TYPE="1" START="3">
<LH> Gai ordena
<LI> Sarrera
<LI> Garapena
<LI> Ondorioa
WEB APLIKAZIOAK
1 - HTML lengoaia 8 2011/2012 ikasturtea
</OL>
<OL COMPACT TYPE="1" START="3">
<LH> Gai ordena
<LI> Sarrera
<LI VALUE="10"> Garapena
<LI> Ondorioa
</OL>
</BODY>
</HTML>
ARIKETA 17: Definizio-zerrendak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 17 </TITLE>
</HEAD>
<BODY>
<!--COMPACT: Nabigatzaileak zerrenda ahalik eta konpaktuen erakusteko-->
<!--DT: Definituko den elementua adierazteko-->
<!--DD: Elementuaren definizioa adierazteko-->
<DL COMPACT>
<DT>HTML lengoaia
<DD>Web orrialdeak sortzeko lengoaia
<DT>Dreamweaver
<DD>Web orrialdeen editorea
</DL>
</BODY>
</HTML>
ARIKETA 18: Estekak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 18 </TITLE>
</HEAD>
<BODY LINK="blue" VLINK="purple" ALINK="red">
<A NAME="gora">
<A HREF="http://www.google.es">GOOGLE</A><P>
<A HREF="ftp://ftp.winzip.com">Winzip</A><P>
<A HREF="mailto:[email protected]">Nire e-maila</A><P>
<A HREF="irudiak/argazki1.gif">Irudi bat</A><P>
<!—-BR etiketak sartu desplazamendu barra agertzeko-->
<!--Oharra: P etiketa ez du ezer egiten testua jartzen ez badugu-->
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<A HREF="#gora">Bagoaz gora</A></BODY><P>
<A HREF="ariketa17.html">Bagoaz 17. ariketara</A>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 9 2011/2012 ikasturtea
ARIKETA 19: Taulak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 19 </TITLE>
</HEAD>
<BODY>
<TABLE>
<!--WIDTH: Taularen zabalera definitzeko-->
<!--BORDER: Taularen ertzak definitzeko; defektuzko balioa 0 da-->
<!--ALIGN: Taula lerrokatzeko-->
<!-- CELLSPACING: Gelaxkak banatzen duen pixel-kopurua definitzeko; defektuzko
balioa 2 da-->
<!-- CELLPADDING: Gelaxkaren ertzaren eta bere edukiaren arteko pixel kopurua
definitzeko; defektuzko balioa 1 da-->
<!-- CAPTION: Taularen izenburua definitzeko; hautazkoa da-->
<!--TR: Taularen lerro bat definitzeko-->
<!--TD: Lerro bakoitzean gelaxkak definitzeko-->
<!--TH: Gelaxkaren testua lodian eta erdian lerrokatuta dago-->
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD> <TD>Gelaxka 6</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
ARIKETA 20: Table etiketaren parametroak: WIDTH
<HTML>
<HEAD>
<TITLE> ARIKETA 20 </TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="25%">
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD> <TD>Gelaxka 6</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 10 2011/2012 ikasturtea
ARIKETA 21: Table etiketaren parametroak: BORDER
<HTML>
<HEAD>
<TITLE> ARIKETA 21 </TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1">
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD> <TD>Gelaxka 6</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
ARIKETA 22: Table etiketaren parametroak: ALIGN
<HTML>
<HEAD>
<TITLE> ARIKETA 22 </TITLE>
</HEAD>
<BODY>
<TABLE ALIGN="center">
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD> <TD>Gelaxka 6</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 11 2011/2012 ikasturtea
ARIKETA 23: Table etiketaren parametroak: CELLSPACING
<HTML>
<HEAD>
<TITLE> ARIKETA 23 </TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" CELLSPACING="2">
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD> <TD>Gelaxka 6</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
ARIKETA 24: Table etiketaren parametroak: CELLPADDING
<HTML>
<HEAD>
<TITLE> ARIKETA 24 </TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" CELLPADDING="1">
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD> <TD>Gelaxka 6</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 12 2011/2012 ikasturtea
ARIKETA 25: TD/TH etiketen parametroak: COLSPAN
<HTML>
<HEAD>
<TITLE> ARIKETA 25 </TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="25%" BORDER="1" ALIGN="center" CELLSPACING="2" CELLPADDING="1">
<TR>
<!--COLSPAN= Gelaxka batek zenbat zutabetan zehar hedatzen den definitzeko-->
<TD >Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD>Gelaxka 3</TD>
</TR>
<TR>
<TD COLSPAN="3">Gelaxka 4</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH> <TH>Gelaxka 9</TH>
</TR>
</TABLE>
</BODY>
</HTML>
ARIKETA 26: TD/TH etiketen parametroak: ROWSPAN
<HTML>
<HEAD>
<TITLE> ARIKETA 26 </TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="25%" BORDER="1" ALIGN="center" CELLSPACING="2" CELLPADDING="1">
<TR>
<!--ROWSPAN= Gelaxka batek zenbat lerrotan zehar hedatzen den definitzeko-->
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD> <TD ROWSPAN="3">Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH>
</TR>
</TABLE>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 13 2011/2012 ikasturtea
ARIKETA 27: TR/TD/TH etiketen parametroak: ALIGN eta VALIGN
<HTML>
<HEAD>
<TITLE> ARIKETA 27 </TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="25%" BORDER="1" ALIGN="center" CELLSPACING="2" CELLPADDING="1">
<!—ALIGN= "left/center/right"-->
<!—VALIGN= "top/middle/bottom"-->
<TR>
<TD>Gelaxka 1</TD> <TD>Gelaxka 2</TD>
<TD ROWSPAN="3" ALIGN="center" VALIGN="top">Gelaxka 3</TD>
</TR>
<TR>
<TD>Gelaxka 4</TD> <TD>Gelaxka 5</TD>
</TR>
<TR>
<TH>Gelaxka 7</TH> <TH>Gelaxka 8</TH>
</TR>
</TABLE>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 14 2011/2012 ikasturtea
ARIKETA 28: Formularioak definitu: Sarrera eremuak
<HTML>
<HEAD>
<TITLE> ARIKETA 28 </TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD="post">
<!--ACTION: aldagaiak posta elektronikoz bidaliko dira-->
<!--METHOD: POST aldagaiak posta elektronikoz bidaltzen direnean,
GET datu base batetan kontsulta bat egiten denean-->
Izena:
<INPUT TYPE="text" NAME="izena" SIZE="30"><BR>
Pasahitza:
<INPUT TYPE="password" NAME="pasahitza" MAXLENGTH="8"><P>
Sistema eragilea:
<!-- Aukera bat baino gehiago egitea posiblea da-->
<INPUT TYPE="checkbox" NAME="se1" VALUE="win98">Windows 98
<INPUT TYPE="checkbox" NAME="se2" VALUE="win2k" CHECKED>Windows 2000
<INPUT TYPE="checkbox" NAME="se3" VALUE="winxp">Windows XP<P>
Adina:
<!-- Aukera bakarra egin daiteke-->
<INPUT TYPE="radio" NAME="adina" VALUE="-20">20 urte baino gutxiago
<INPUT TYPE="radio" NAME="adina" VALUE="20-40">20 eta 40 urte artean
<INPUT TYPE="radio" NAME="adina" VALUE="+40">40 urte baino gehiago<P>
<INPUT TYPE="submit" VALUE="Bidali">
<INPUT TYPE="reset" VALUE="Ezabatu">
</FORM>
</BODY>
</HTML>
ARIKETA 29: Formularioak definitu: Aukeraketa eremuak
<HTML>
<HEAD>
<TITLE> ARIKETA 29 </TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD="post">
Bilatzaileak:
<SELECT NAME="bilatzailea">
<OPTION>Google</OPTION>
<OPTION>Yahoo</OPTION>
<OPTION>Terra</OPTION>
</SELECT><br><br>
<INPUT TYPE="submit" VALUE="Bidali">
<INPUT TYPE="reset" VALUE="Ezabatu">
</FORM>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 15 2011/2012 ikasturtea
ARIKETA 30: Formularioak definitu: Testu areak
<HTML>
<HEAD>
<TITLE> ARIKETA 30 </TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD="post">
Oharrak:<BR>
<!--Virtual: testua jarraian bidaliko da-->
<!Physical: testua lerroetan banatuta bidaliko da-->
<TEXTAREA NAME="oharrak" ROWS="5" COLS="40" WRAP="virtual">
</TEXTAREA><P>
<INPUT TYPE="submit" VALUE="Bidali">
<INPUT TYPE="reset" VALUE="Ezabatu">
</FORM>
</BODY>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 16 2011/2012 ikasturtea
ARIKETA 31: Irudiak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 31 </TITLE>
</HEAD>
<BODY>
<IMG SRC="irudiak/argazki1.gif" ALT="Irudia1" ALIGN="top"
BORDER="1">Testua goian lerrokatzen da<P>
<IMG SRC="irudiak/argazki2.gif" ALT="Irudia2" ALIGN="middle"
BORDER="2">Testua erdian lerrokatzen da<P>
<IMG SRC="irudiak/argazki3.gif" ALT="Irudia3" ALIGN="bottom"
BORDER="3">Testua behean lerrokatzen da<P>
<IMG SRC="irudiak/argazki4.gif" ALT="Irudia4" ALIGN="top" BORDER="4"
HSPACE="100">Hutsune horizontalak utzi<P>
<IMG SRC="irudiak/argazki5.gif" ALT="Irudia5" ALIGN="top" BORDER="5"
VSPACE="100">Hutsune bertikalak utzi<P>
<IMG SRC="irudiak/argazki6.gif" ALT="Irudia1" ALIGN="top" BORDER="6"
WIDTH="25%" HEIGHT="25%">Irudiaren zabalera eta altuera aldatu<P>
</BODY>
</HTML>
ARIKETA 32: Mapak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 32 </TITLE>
</HEAD>
<BODY>
<IMG SRC="irudiak/mapa1.gif" USEMAP="#mapa">
<MAP NAME="mapa">
<!--SHAPE: Zonaren forma definitzen du
rect: x1,y1 goiko ezker ertza eta x2,y2 beheko eskuin ertza
circ: x,y zirkuluaren erdiko puntua eta erradioa
poly: x,y poligonoaren izkin bakoitza-->
<!--COORDS:Zona definitzen duten koordenatuak-->
<AREA SHAPE="rect" HREF="http://www.bizkaia.net" COORDS="20,10,170,100"
ALT="Bizkaia">
<AREA SHAPE="circ" HREF="http://www.gipuzkoa.net" COORDS="250,100,50"
ALT="Gipuzkoa">
<AREA SHAPE="poly" HREF="http://www.vitoria-gasteiz.org"
COORDS="70,90,240,150,160,240" ALT="Araba">
</MAP>
</BODY>
WEB APLIKAZIOAK
1 - HTML lengoaia 17 2011/2012 ikasturtea
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 18 2011/2012 ikasturtea
ARIKETA 33: Markesinak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 33 </TITLE>
</HEAD>
<BODY>
<MARQUEE>Eskumatik ezkerrera mugitzen da testua</MARQUEE><P>
<MARQUEE BGCOLOR="pink">Eskumatik ezkerrera mugitzen da testua
</MARQUEE><P>
<MARQUEE DIRECTION="right">Ezkerretik eskumara mugitzen da
testua</MARQUEE><P>
<MARQUEE BGCOLOR="pink" HEIGHT="50">Testua goian lerrokatuta dago
</MARQUEE><P>
<MARQUEE BGCOLOR="pink" WIDTH="50%">Testua nabigatzaile erdia okupatzen
du</MARQUEE><P>
<MARQUEE SCROLLDELAY="100">Testua motelago mugitzen da</MARQUEE><P>
<MARQUEE LOOP="1">Testua behin agertzen da</MARQUEE>
</BODY>
</HTML>
ARIKETA 34: Markoak definitu
<HTML>
<HEAD>
<TITLE> ARIKETA 34 </TITLE>
</HEAD>
<FRAMESET ROWS="20%,80%">
<FRAME NAME="gora" SRC="ariketa12.html" NORESIZE>
<FRAMESET COLS="15%,85%">
<FRAME NAME="ezkerra" SRC="ariketa15.html">
<FRAME NAME="eskuma" SRC="ariketa26.html" MARGINWIDTH="100"
MARGINHEIGHT="100" SCROLLING="yes">
</FRAMESET>
</FRAMESET>
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 19 2011/2012 ikasturtea
ARIKETA 35: Markoak: TARGET
<HTML>
<HEAD><TITLE> ARIKETA 35 </TITLE></HEAD>
<FRAMESET ROWS="20%, 80%">
<FRAME NAME="gora" SRC="ariketa35b.html" NORESIZE>
<FRAMESET COLS="15%, 85%">
<FRAME NAME="ezkerra" SRC="ariketa35c.html">
<FRAME NAME="eskuma" SCROLLING="yes">
</FRAMESET>
</FRAMESET>
</HTML>
Ariketa35b.html
<HTML>
<BODY>
<CENTER>
<FONT SIZE=6><B>BILATZAILEAK</B></FONT>
</CENTER>
</BODY>
</HTML>
Ariketa35c.html
<HTML>
<BODY>
<ol>
<li><A HREF="http://www.google.es" TARGET="eskuma"> GOOGLE </A></li>
<li><A HREF="http://www.altavista.com" TARGET="_blank"> ALTAVISTA
</A></li>
<!-- Leiho berri batetan irekiko du orria -->
<li><A HREF="http://www.kaixo.com" TARGET="_self"> KAIXO </A></li>
<!-- Esteka dagoen lekuan irekiko du orria -->
<li><A HREF="http://www.yahoo.es" TARGET="_top"> YAHOO </A></li>
<!-- Irekita dagoen leihoan irekiko da orria -->
<li><A HREF="http://www.hispavista.com" TARGET="_parent"> HISPAVISTA
</A></li>
<!-- Irekita dagoen leihoan irekitzen du orria -->
</ol>
</BODY>
</HTML>
ARIKETA 36: Meta etiketa eta oharrak
<HTML>
<HEAD><TITLE> ARIKETA 36 </TITLE>
<!—- Author: Egilea nor den adierazteko-->
<META NAME=”author” CONTENT=”Nagore Susial Álvarez”>
<!—- Description: Orriaren deskribapena adierazteko-->
<META NAME=”description” CONTENT=”META etiketaren azalpena”>
<!—- Keywords: Hitz nagusiak adierazteko-->
<META NAME=”keywords” CONTENT=”HTML, meta”>
<!—- Expires: Orriak noiz iraungitzen duen adierazteko-->
<META HTTP-EQUIV=”expires” CONTENT=”Sun, 16 Oct 2005 22:00:00 GTM”>
<!—- Refresh: Orri bat kargatzeko pasatuko diren segunduak adierazteko-->
<META HTTP-EQUIV=”refresh” CONTENT=”2;URL=ariketa36.html”>
</HEAD>
<BODY>Meta etiketa eta oharrak</BODY>
WEB APLIKAZIOAK
1 - HTML lengoaia 20 2011/2012 ikasturtea
</HTML>
WEB APLIKAZIOAK
1 - HTML lengoaia 21 2011/2012 ikasturtea
Markoak definitu: BI LERRO
<HTML>
<HEAD>
<TITLE> MARKOA: BI LERRO </TITLE>
</HEAD>
<FRAMESET ROWS="20%,80%">
<FRAME NAME="gora" SRC="ariketa12.html" NORESIZE>
<FRAME NAME="behera" SRC="ariketa26.html"
MARGINWIDTH="100" MARGINHEIGHT="100" SCROLLING="yes">
</FRAMESET>
</HTML>
Markoak definitu: BI ZUTABE
<HTML>
<HEAD>
<TITLE> MARKOA: BI ZUTABE </TITLE>
</HEAD>
<FRAMESET COLS="15%,85%">
<FRAME NAME="ezkerra" SRC="ariketa15.html">
<FRAME NAME="eskuma" SRC="ariketa26.html"
MARGINWIDTH="100" MARGINHEIGHT="100" SCROLLING="yes">
</FRAMESET>
</HTML>
Markoak definitu: BI LERRO eta BI ZUTABE
<HTML>
<HEAD>
<TITLE> MARKOA: BI LERRO eta BI ZUTABE </TITLE>
</HEAD>
<FRAMESET ROWS="20%,80%">
<FRAME NAME="gora" SRC="ariketa12.html" NORESIZE>
<FRAMESET COLS="15%,85%">
<FRAME NAME="ezkerra" SRC="ariketa15.html">
<FRAME NAME="eskuma" SRC="ariketa26.html"
MARGINWIDTH="100" MARGINHEIGHT="100" SCROLLING="yes">
</FRAMESET>
</FRAMESET>
</HTML>