3. mailako IKT KAPSULA-LANTEGIA

Irakasle-rola Moodle plataforman

HTML lengoaia

titulo_secciones

HTML lengoaia

Taula bat sortzea

Taula <table> errenkadak eta zutabeak </table>

Taula bateko errenkada <tr> gelaxkak </tr>

Taula bateko gelaxka <td> testua </td>

Taulak sortzea oso erraza da editorea erabiliz egiten bada, baina askotan ez dugu lortzen elementuren bat guk nahi bezala lerrokatzerik, bi gelaxka batzerik edo ertzaren lerro-mota aldatzerik. Ekintza horiek egiteko, erabilgarria da HTMLn taulak sortzeko erabiltzen diren kodeak ezagutzea.

Taula bat osatzen duten oinarrizko elementuak hauek dira:

Table taularen hasiera eta amaiera markatzeko:

<table> taularen gorputza eta goiburuak </table>

Tbody taularen gorputzaren (edukia) hasiera eta amaiera markatzeko:

<tbody> errenkadak eta zutabeak </tbody>

Tr errenkada bakoitzaren hasiera eta amaiera markatzeko:

<tr> gelaxkak </tr>

Td gelaxka bakoitzaren hasiera eta amaiera markatzeko:

<td> testua </td>

Kopiatu kode hau Moodleko web orrien editorean taula arrunt bat sortzeko:

<table>

<tbody>

<tr>

<td>Laukiak</td>

<td>Triangeluak</td>

</tr>

<tr>

<td>Angeluzuzena</td>
<td>Angeluzuzena</td>

</tr>

<tr>

<td>Erronboa</td>
<td>Isoszelea</td>

</tr>

<tr>

<td>Erronboidea</td>

<td>Aldekidea</td>

</tr>

</tbody>

</table>

Taularen hasiera

Taularen gorputzaren hasiera

Errenkadaren hasiera

Gelaxka
Gelaxka

Errenkadaren amaiera

Errenkadaren hasiera

Gelaxka
Gelaxka

Errenkadaren amaiera

Errenkadaren hasiera

Gelaxka
Gelaxka

Errenkadaren amaiera

Errenkadaren hasiera

Gelaxka
Gelaxka

Errenkadaren amaiera

Taularen gorputzaren amaiera
Taularen amaiera

Honela ikusiko da orria editorean, HTML Tabulazioaren ikuspegia desaktibatutakoan

Ertza ikusgai jar diezaiokegu ( border ), eta taularen zabalera zehaztu dezakegu ( width ), parametro batzuk gehituta Table etiketan:

< table border="1" width="50%">

Aurreko taula honela ikusiko da:

Bestalde, askotan beharrezkoa izaten da gelaxka batek bi zutaberen zabalera izango duela adieraztea:

Edo gelaxka batek bi errenkadaren altuera izango duela:

<tbody>

<tr>

<td rowspan="3">Irudiak </td>

<td colspan="2">Laukiak </td>

</tr>

<tr>

<td>Laukizuzenak </td>

<td>Paralelogramoak </td>

</tr>

<tr>

<td>Kontrako alde kongruenteen bi pare </td>

<td>Zuzenak </td>

</tr>

</tbody>

</table>

Taularen hasiera

Taularen eduki nagusia

Errenkadaren hasiera

3 errenkadako altuera duen gelaxka

2 zutabeko zabalera duen gelaxka

Errenkadaren amaiera

Errenkadaren hasiera

Gelaxka

Errenkadaren amaiera

Errenkadaren hasiera

Gelaxka

Errenkadaren amaiera

Taularen eduki nagusiaren amaiera

Taularen amaiera

Honela ikusiko da orria gorde eta bistaratutakoan.

Taula bat egitean, kodearen bidez laguntza-elementu batzuk markatzea komeni da:

Taularen laburpena: pertsona itsuek erabiltzen dituzten programek irakurriko duten deskribapen bat da; taularen gainerako ataletara sartu nahi duten edo ez erabakitzeko balioko die deskribapenak.

Caption: taulan ikusgai dagoen goiburua. Taularen gorputz nagusitik kanpo idazten da.

<caption>Irudiak</caption>

Taularen goiburuak (table heading): informazioa nola erakutsiko den antolatzen laguntzen dute, eta plataformaren diseinuaren arabera hierarkizatzen dituzte edukiak, haren koloreak eta letra-tipoak erabiliz. Taularen gorputzaren barruan idazten dira.

<th>Irudiak</th>

<caption><em>Irudi geometrikoak</em></caption>

<tbody>

<tr>

<th rowspan="2">Irudiak </th>

<th colspan="2">Laukiak </th>

</tr>

<tr>

<th>Aldeak </th>

<th>Angeluak </th>

</tr>

<tr>

<th>Laukizuzenak </th>

<td>Kontrako alde kongruenteen bi pare </td>

<td>Zuzenak </td>

</tr>

<tr>

<th>Paralelogramoak </th>

<td>Kontrako alde paraleloen bi pare </td>

<td>Kontrako angelu kongruenteen bi pare</td>

</tr>

</tbody>

</table>

Taularen hasiera, pantaila-irakurleetarako laburpen batekin.

Taulan ikusgai dagoen izenburua

Taularen gorputzaren hasiera

Errenkadaren hasiera

Taularen goiburua

Errenkadaren amaiera

Errenkadaren hasiera

Taularen goiburua

Errenkadaren amaiera

Errenkadaren hasiera

Taularen goiburua

Gelaxka

Errenkadaren amaiera

Errenkadaren hasiera

Taularen goiburua

Gelaxka

Errenkadaren amaiera

Taularen gorputzaren amaiera

Taularen amaiera

Honela ikusiko da orria, aldaketak gorde eta bistaratutakoan.

texto_enlaces_pie_autor

texto_enlaces_pie_copyright

Laguntza

Ezkerreko menua (goitik behera): ikastaroaren orrialde nagusiaren ikonoa (home), letra-tipoaren tamainaren ikonoa, modulua inprimatzeko ikonoa, laguntzarako sarrerako ikonoa eta edukiaren aurkibidearen ikonoa.
Materialaren izena eta egungo atalaren izenburua duen barra.
Nabigazio-geziak (hurrengo edo aurreko orrialdea).
Edukiarentzako lekua.

Sortzailea:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Copyright:

Índex

Irakasle-rola Moodle plataforman