1 / 8

Tabeller

Tabeller. HTML II IT og læring IT20 4. november 2004. Noen bruksområder. lage tabeller simulere innrykk sette opp tekst i spalter strukturere tekst og bilder. <table> -elementet. <table>… </table> omslutter hele tabell-området innenfor taggene spesifiseres rader og celler.

tobias
Télécharger la présentation

Tabeller

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tabeller HTML II IT og læring IT20 4. november 2004

  2. Noen bruksområder • lage tabeller • simulere innrykk • sette opp tekst i spalter • strukturere tekst og bilder

  3. <table> -elementet • <table>… </table> omslutter hele tabell-området • innenfor taggene spesifiseres rader og celler

  4. Noen attributter til <table> • WIDTH=tall, angis enten i prosent eller i piksler, angir tabellens bredde • BORDER=tall, angir bredden på tabellens ramme i piksler • ALIGN=LEFT|CENTER|RIGHT - angir hele tabellens plassering på siden • BGCOLOR=”fargekode” - farge for hele tabellen • eks <table width=100% border=2 bgcolor=blue>…</table>

  5. forts. attributter til <table> • CELLPADDING=tall, - angir ”luft” mellom cellenes kant og deres innhold, i piksler • FRAME=type, void|above|below|hsides|lhs|rhs|vsides|box|border • Internet Explorer: • BORDERCOLOR=”fargekode”, • BACKGROUND=URL - Angir bakgrunnsgrafikk for hele tabellen

  6. Noen elementer innenfor <table> … </table> • <CAPTION>...</CAPTION> - overskrift til tabellen, sentrert på siden • <TR>...</TR> - (table row) definerer hver rad i tabellen • <TD>...</TD> - (table data) definerer hver celle i tabellen

  7. <TR>...</TR> - hver rad i tabellen • noen attributter med verdier: • ALIGN= LEFT|CENTER|RIGHT|JUSTIFY • BGCOLOR=”fargekode” • VALIGN=BOTTOM|CENTER|TOP • IE: BORDERCOLOR =”fargekode”

  8. <TD>...</TD> - hver celle i tabellen • noen attributter med verdier: • ALIGN= LEFT|CENTER|RIGHT|JUSTIFY, angir horisontal justering • VALIGN=BOTTOM|CENTER|TOP, angir vertikal justering av innholdet i cellen • BGCOLOR=”fargekode” • COLSPAN=tall, angir hvor mange kolonner cellen skal strekke seg over • ROWSPAN=tall, angir hvor mange rader cellen skal strekke seg over

More Related