Ag baint úsáide as tábla HTML

I HTML, tá an oiread sin gnéithe, agus gach ceann acu atá uathúil ar a mbealach féin. Tábla - an-suimiúil, tóir agus ábhar tromchúiseach. Go raibh maith agat di, ní féidir leat a chur ar fáil ach an fhaisnéis i bhfoirm áisiúil, ach freisin creat suíomh seo a thógáil.

Roimhe seo, beagnach gach úsáid stiúrthóirí gréasáin táblaí maidir le leagan amach is shuímh. Ar dtús, an tábla nach ndéanann sé teacht suas le. Dá bhrí sin, ní mór dúinn a úsáid gné div bloc chun ceiliúradh a dhéanamh ar an suíomh.

Más rud é nach bhfuil tú ag iarraidh a bheith i gcónaí a novice, dul i dtaithí láithreach gach rud a dhéanamh i gceart. Tá sé seo an-tábhachtach i HTML teanga. Ba chóir an tábla seo a chur ach an t-eolas is gnách (téacs, naisc, liostaí, íomhánna, agus mar sin de. P.), Agus nach bhfuil an suíomh ar fad ina iomláine.

Conas a dhéanamh ar HTML tábla?

Tábla - eilimint casta atá comhdhéanta de líon mór na n-eilimintí eile. Cuimhnigh go bhfuil nuair a chruthú na cealla nó sraitheanna i gcónaí ní mór láithreach a chur dúnta tag. Seachas sin beidh sé eitilt. Beidh Handler sa bhrabhsálaí breathnú ar an deireadh an eilimint agus, go dtí go bhfuair sé í, beidh gach rud ar aghaidh a chur san áireamh sa tábla. Is é an toradh leite.

Má scríobhann tú ar an suíomh gréasáin sa "Notepad", ansin beidh gach rud a dhéanamh lena lámha. Más rud é sa eagarthóir deiridh sin, tá súil cnaipe ghnáth - "isteach tábla", "isteach íomhá" agus mar sin de.

SAMPLA 2 Tábla 2.

téacs don chéad líne an chéad cille

théacs an dara líne an chéad cille

téacs na chéad cille den dara sraith

théacs an dara cille an dara sraith

Clibeanna agus léiríonn an tús agus deireadh an tábla. Clibeanna agus - an tús agus deireadh na líne. Is féidir an líne chéanna a bheith ar aon líon na cealla atá sainmhínithe ag an clibeanna agus .

Is é an riail is mó: foláir gur leor líon na cealla i ngach ró bheith mar an gcéanna. Tá sé ina tábla.

Ach, mar atá i Word agus Excel eagarthóir, cealla is féidir a chomhcheangal le chéile.

Conas a cealla le chéile i dtábla?

A chur le chéile agus a úsáid Colspan Rowspan tréithe. Réise aistriú mar "chlúdach" nó "forluiteacha". An bhrí litriúil - a chlúdach / dhúnadh na cille / as a chéile.

Ní mór don luach seo a tréith a shonrú cé mhéad sraitheanna nó cealla a bac. Seo a leanas sampla léiritheach a bhaineann le húsáid an dá HTML tréithe sa tábla.

Sa sampla seo, an chéad líne 3 comhthiomsaithe cealla ag baint úsáide as an tréith colspan = "3". Ansin, an chéad cille den dara sreang rite i gceithre sraitheanna. Cuimhnigh go bhfuil stráice / le chéile ach amháin sa chéad chill. Tá cuid mhaoin scaipthe ar. Ní bheidh gach a thagann os comhair, a mbaineann sé.

Má tá tú ag 5 cealla is mian leat a chumasadh ó 2 go 4, ansin is gá duit ach ag an uimhir cille 2 sonrófar ann an tréith colspan = "3".

Tabhair faoi deara an uimhir sliotán 9 san fhigiúr thuas. Ní comhthiomsaithe láithreach agus na cealla agus sraitheanna. Ní gníomhartha den sórt sin toirmiscthe.

Féach ar sampla eile chun an t-eolas a dhaingniú. Ós rud é roinnt mearbhall agus tréithe ionad sraitheanna de chealla uaireanta le chéile.

Formáid tábla

Tóg an ngnáthnós, cás caighdeánach HTML. Tábla dhá sraitheanna de dhá cealla gach.

Beidh de chód mar seo a leanas.

Mar a fheiceann tú, nach bhfuil aon éifeachtaí. Is féidir leat add a fráma, a shonrú ar an leithead agus airde.

Is féidir leat imirt freisin leis an ailíniú. Is féidir é a ailíniú ar airde agus leithead araon.

Ailínigh a ailíniú cothrománach, agus valign - ingearach. Sin den sórt sin de thoradh.

Tréithe ailíniú agus is féidir valign chur i bhfeidhm ar an líne ar fad. Ansin, beidh na cealla atá ann faoi réir na saintréithe seo.

Chomh maith leis an chlib agus , tá chlib breise <ú>. Go deimhin tá sé mar analógach de , ach tá sé in úsáid ach amháin sa chéad ró agus ag dul i dtreo. De réir réamhshocraithe, an téacs sa <ú> dírithe agus i gcló trom.

Conas a stíleanna nascadh leis an tábla?

Cosúil le haon clibeanna HTML, is féidir an tábla a thiontú trí bhíthin stíleanna. Ní mór duit a shonrú ar an gcomhad stíl sa cheann nó stíl réidh (mar atá luaite sa cheann).

...

">

tábla {

font-teaghlaigh: Verdana, Arial, Helvetica, sans-Serif;

Dath: # 000000;

}

.my_class

{

Dath: # 666666;

}

...

Má tá tú a shonrú tábla, ansin beidh an stíl seo le gach táblaí ar an leathanach. Cinnte gach duine. Ach, má úsáideann tú an dara modh, rud a léiríonn an t-ainm treallach le ponc, ansin is é seo an stíl is féidir a chur i bhfeidhm ar aon tábla atá ag teastáil, gan cur isteach ar an eile.

Tabhair faoi deara gur féidir ranganna a a úsáid mar tag do an tábla agus ar ceall nó a chéile ar leith.

= " 100%" teorann = "1">

téacs an chéad líne an chéad cille

théacs an dara líne an chéad cille

téacs na chéad cille den dara sraith

théacs an dara cille an dara sraith

Má tá an stíl an ealaíontóra áit éigin botún, ní bheidh an toradh a fheiceáil. Más rud é, áfach, i stíl, tá earráidí, ach is iad na hainmneacha mar an gcéanna, ní bheidh an éifeacht a bheith. Imríonn gach camóg nó colon ról tábhachtach.

tréithe breise i dtáblaí

Cad tréithe féidir a scríobh sna ranganna stíl? Tá go leor tréithe a bhaineann go sonrach leis na táblaí. Smaoinigh ar an is bunúsaí atá an-úsáideach.

ailíniú	Ailíniú Cothrománach
valign	Ailíniú Ingearach
cúlra	íomhá cúlra sa chill / tábla
bgcolor	An dath cúlra na cille
bordercolor	tábla Dath an fhráma / cealla
airde	airde cill
nowrap	Cosc téacs wrap i teaghrán.
leithead	Leithead an cille / tábla

Mar a fheiceann tú, is féidir a úsáid HTML sa tábla a bheith ina líon mór de "uirlisí".

Álainn cruthaíodh ag baint úsáide as táblaí HTML. samplaí

Mar gheall ar an stíleanna is féidir leat a chruthú ar éagsúlacht na tábla álainn. Braitheann sé ar fad ar cad agus conas is mian leat. Tá sé cosúil le cócaireacht. Is iad na comhábhair mar an gcéanna, agus tá níos mó roghanna go leor oidis.

Mar a fheiceann tú, má úsáideann tú clibeanna HTML, an tábla is féidir a chlaochlú thar a aithint. teorainneacha féideartha arna chinneadh ag do shamhlaíocht.