...:::Programozz kedvedre!:::...
Men
 
HTML
 
PHP
 
Tblzatok

A HTML formtum tblzatai

A HTML formtumnak ez az utastscsoportja kpes a legvltozatosabb szveg-, s kpmegjelentsi formk ellltsra. A <TABLE> s a </TABLE> utastsok kz zrt rszt tekintjk egy tblzatnak.
A tblzatnak a cmt a <CAPTION> s a </CAPTION> utastsok kztt kell megadni. (Figyelem! Az gy megadott cm nem a tblzatban, hanem eltte fog megjelenni!) A cm <CAPTION ALIGN="hely"> formj megadssal igazthat.
A tblzat minden sora a <TR> utastssal kezddik s a kvetkez <TR>-ig, ill. a tblzat vgig tart. Egy sor tartalmazhat oszlopfejlceket s adatokat. Az oszlopfejlceket a <TH> utasts vezeti be s vlasztja el egymstl. A tblzat adatcelli pedig a <TR>-rel megkezdett sorban egy <TD> utastssal kezddnek s minden cella a kvetkez <TD>-ig - ill. a kvetkez sor elejt jelz elemig - tart, ahol rtelemszerûen j cella kezddik. Az oszlopfejlceknek s az adatcellknak csak a kezdutastsa hasznlatos - habr van lezr utastsuk is (</TH>, </TD>) -, mert a zrutastsuk elhagyhat!


A tblzat nyitutastsa tartalmazhat a teljes tblzatra vonatkoz belltsokat: <TABLE BORDER="szm" ALIGN="hely" COLSPEC="oszlopjellemzk" UNITS="egysg" NOWRAP CELLPADDING="pszm" CELLSPACING="kszm" BGCOLOR="sznkd">
Ahol a BORDER opci a rcsozat szlessgt hatrozza meg. (0 esetn nincs rcsozat.) Az ALIGN a teljes tbla elhelyezkedst hatrozza meg ( left, right, center lehet). A COLSPEC egy oszlop igaztst s szlessgt adja meg. Egy oszlopra vonatkozan egy betû s szm egyberva (pl.: L12 C24 R10), melytl a kvetkez oszlop rtkeit egy kz vlasztja el. Az UNITS a szmokhoz tartoz mrtkegysget jelli ki (en, relative - oszlopszlessghez -, pixel). A NOWRAP opci a cellk szvegnek trdelst tiltja le. Vgl a BGCOLOR a tblzat httrsznt hatrozza meg.


A tblzat oszlopfejlcei nem csak a legfels oszlopban szerepelhetnek, hanem a tblzatban brhol (pl. sorok cmeknt is).
Mind az oszlopfejlcekben, mind az adatcellkban hasznlhatk a kvetkez formzsra val opcik:

COLSPAN="szm":
Egyest tbb egymssal szomszdos cellt - vszintesen.
ROWSPAN="szm":
Egyest tbb egymssal alatti cellt - fgglegesen.
ALIGN="hely":
Igaztja a cellk tartalmt - vszintesen. Lehetsges rtkei: left, center, right, justify, decimal
VALIGN="hely":
Igaztja a cellk tartalmt - fgglegesen. Lehetsges rtkei: top, middle, bottom, baseline


Az albbi pldatblzat tartalmaz pldkat igaztsra, cellaegyestsre, res cellra, kp elhelyezsre, stb.:

 

            <TABLE BORDER=5 ALIGN="center">
            <CAPTION>A tblzat cme </CAPTION>
            <TR>
            <TH COLSPAN=2>Az 1.-2. oszlop kzs fejlce
            <TH COLSPAN=3>A 3.-4.-5. oszlop kzs fejlce
            <TH ROWSPAN=2>A 6. (2 soros) oszlop fejlce
            <TR>
            <TH>Az 1. oszlop msodrendû fejlce
            <TH COLSPAN=2>A 2.-3. oszlop msodrendû fejlce
            <TH COLSPAN=2>A 4.-5. oszlop msodrendû fejlce
            <TR>
            <TH>Az els adatsor cme
            <TD>Az els adatcella
            <TD>Adat (indexe: C3)
            <TD>Adat (indexe: D3)
            <TD>Adat (indexe: E3)
            <TD>Adat (indexe: F3)
            <TR>
            <TH>A 2. adatsor cme
            <TD>Adat (indexe: B4)
            <TD>Adat (indexe: C4)
            <TD>Adat (indexe: D4)
            <TD>Adat (indexe: E4)
            <TD>Adat (indexe: F4)
            <TR>
            <TH>Fggleges igaztsok
            <TD ALIGN="center" VALIGN="bottom">Le
            <TD ALIGN="center" VALIGN="top">Fel
            <TD ALIGN="center" VALIGN="middle">Kzpre
            <TD>
            <TD>Adat (indexe: F5)
            <BR>Ettl a celltl balra egy res cella,
            alatta pedig kt res cella sszevonva
            <TR>
            <TH>Vzszintes igaztsok:
            <TD>Alaprtelmezs
            <TD ALIGN="left">Balra
            <TD ALIGN="center">Kzpre
            <TD ALIGN="right">Jobbra
            <TD ROWSPAN=2>
            <TR>
            <TD ALIGN="center" COLSPAN=5>
            <IMG SRC="k12.gif" ALT="Kp a cellban">
            </TABLE>
 
Bejelentkezs
Felhasznlnv:

Jelsz:
SgSg
Regisztrci
Elfelejtettem a jelszt
 
XHTML
 
Linkek

Freewebsite
Programozs.lap.hu
Webmester.lap.hu

 

Szereted az egyedi történeteket? Kíváncsi vagy, hogy mire képes egy hobbi író? Ha igen, nézz be hozzám!    *****    Sziasztok! A Moobius pályázatán elindult két regényem. Kérlek támogass! Bõvebb információt itt olvashatsz. Katt rám.    *****    Sziasztok! A Moobius pályázatán elindult két regényem. Kérlek támogass! Bõvebb információt itt olvashatsz. Katt rám.    *****    Debrecen Nagyerdõaljai, 150m2-es alapterületû, egyszintes, 300m2-es telken, sok parkolós családiház eladó 06209911123    *****    RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    Lakatos munka- Épületlakatos munka- Haidekker kerítés - Haidekker kapu- Teraszkorlát- Lakatos munka szerelés- Hullámrács    *****    Itachi Shinden második fejezet!! - ÚJ FEJEZET - Felkerült a könyv második harmada!! Konoha.hu - KATT!! KATT! KATT!! KATT    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség