Sut i wneud tabl yn HTML: disgrifiad manwl o'r

Tabl - un o'r rhai mwyaf pwysig, ond ar yr un elfennau cymhleth o amser y mae'n rhaid fod yn bresennol ar y tudalennau gwe. Gyda eu cymorth, mae'n gyfleus i gymhwyso gwybodaeth bwysig a defnyddiol ar ffurf gryno braidd. Wrth gwrs, mae'r rhan fwyaf olygyddion mewn templedi, yn gweithio ar wahanol beiriannau, yn awtomatig mewnosod tabl i mewn i'ch gwefan neu cyhoeddiad ar wahân, ond beth os yw'r adnodd dylunio gwe, ei dudalennau yn cael eu creu o'r newydd? Yna, efallai y meistr newyddian cael problem: sut i wneud tabl yn HTML. Gadewch i ni weld pa mor gyflym ac yn creu yr eitem yn gywir.

dewis golygydd

Yn gyntaf oll, gan ddechrau i greu tabl, dylech ddiffinio'r golygydd y byddwch yn gweithio. Wrth gwrs, y ffordd hawsaf i ddewis y rhaglen yr ydych yn creu cod safle sylfaenol. Ond y peth gorau i'w ddefnyddio ar gyfer y diben hwn yr hen notepad da.

Efallai y byddwch yn gofyn, pam gymhlethu eich bywyd, oherwydd os ydych yn gwneud popeth yn iawn yn y golygydd, yna bydd y canlyniad i'w gweld ar unwaith, hefyd, a hyd yn oed yn annog y rhaglen i'w defnyddio.

Ydy, mae'n wir, ond i greu tabl o'r newydd, ni fyddwch yn unig yn gallu archwilio yn drylwyr egwyddor ei greu, ond hefyd er mwyn atal camgymeriadau teipio embaras a gwallau yn y cod sylfaenol. Weithiau mae'n digwydd trwy siawns bod y cyrchwr yn cael ei symud i lawr, ac mae'r broses o ysgrifennu cod mewn camgymeriad cripian i mewn, sydd weithiau'n anodd dod o hyd. Creu tabl mewn llyfr nodiadau, gallwch gopïo'r cod a'i gludo yn y lle cywir ar eich cyfer chi.

Mae'r algorithm ar gyfer creu y tabl

I ddechrau, yn gwneud algorithm byr, sut i wneud tabl yn HTML. Mae hyn er mwyn sicrhau eich bod yn deall y dilyniant pob cam. Yna dadansoddi yn union sut i berfformio pob un o'r eitemau.

Gadewch i ni ddechrau â'r camau paratoadol.

1. Tynnwch y sgematig ar ddelwedd bwrdd papur.

2. Cyfrifwch y nifer o resi a chelloedd. Os bydd nifer y gorffennol yn wahanol - yn meddwl bob ryadochka wahân.

3. Penderfynu ar nifer yn y celloedd rhes-header (er enghraifft, «№» cell, "Enw" a t. D.).

4. Ysgrifennwch y prif baramedrau y tabl - y lliw, uchder a lled, aliniad testun - yn fyr, popeth a chi yn ymddangos yn dda.

Yna ewch yn syth at y tabl creu:

1. Rhowch y tabl tagiau.

2. Rhowch y tagiau o linellau yn seiliedig ar y swm sydd ei angen arnoch.

3. Mae'r rhesi mewnosod tagiau o gelloedd (normal a priflythyren), hefyd ar sail y swm sydd wedi eu cofnodi ar bapur.

4. Gosod y paramedrau ar gyfer y bwrdd cyfan.

5. Os oes angen i osod paramedrau ar gyfer celloedd unigol.

6. Llenwch ein testun gell.

greu tabl

Felly, byddwch yn dewis golygydd, nawr gadewch i ni edrych ar sut i greu tabl yn HTML. Tag sy'n caniatáu tabl () yn cael ei roi yn ei baru cod dudalen, hynny yw, mae ein gwaith adeiladu yn dechrau gyda tag hwn ac yn gorffen gyda .

Mewnosod tabl tagiau, symud ymlaen i greu rhesi a chelloedd.

Nawr, rydym yn nodi bod yr elfennau hyn yn cael eu paru. Tag diffinio llinyn, a - celloedd.

Ar gyfer y dylai uchaf-gelloedd yn cael eu defnyddio elfennau paru .

Fel y soniwyd eisoes, y cam cyntaf yw i dynnu llinell, yna mae'n rhaid iddynt gofrestru gell. Er mwyn osgoi dryswch, mae'n syniad da i wneud unrhyw padin rhwng pob bloc yn llinell neu ddwy, neu fel arall i ragnodi elfennau bloc newydd drwy ddefnyddio'r "Tab" allweddol.

Sut y gall fod yn edrych? Rhywbeth fel hyn:

• ;
• ;
• № p / p ;
• Enw ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

Fel y gwelwch, nid oes dim yn gymhleth am y peth. Y prif beth - peidiwch â mynd ar goll yn y nifer o resi a chelloedd. Fel arall, mae'r bwrdd yn cael ei ogwydd.

Rydym yn datgymalu i greu tabl yn HTML, erbyn hyn gallwn symud ymlaen at y paramedrau y Matrics a'i rhesi a chelloedd.

Dewisiadau tabl

Pan fydd y cod wedi ei ysgrifennu, mae angen i chi dalu sylw at y pwyntiau canlynol: aliniad yn y tabl y HTML, lliw y ffiniau, cefndir, testun, ac yn y blaen.

Mae'r paramedrau wedi'u pennu yn y tag tabl . Mae'r rhain yn cynnwys:

1. Border - lled ffin. Diffinnir gan cyfanrif. Yn ddiofyn, unrhyw ffiniau tabl yn diflannu.

2. Bordercolor - lliw y ffin. Gellir ei roi fel hecsadegol lliw (# 00008B), ac mae ei enw ar angliykom (DarkBlue). Yn ddiofyn, mae bob amser yn llwyd.

3. bgcolor - lliw cefndir. Fel y nodir gan god neu enw.

4. Alinio - alinio testun ar gyfer y bwrdd. Default - ar y chwith. Mae opsiynau canlynol ar gyfer y paramedr hwn:

• chwith - lapio iawn;
• hawl -obtekanie i'r chwith;
• canol - y tabl allbwn yn y canol heb unrhyw lif.

5. Lled ac uchder - lled ac uchder y tabl. Gall fod naill ai mewn picseli neu fel canran (o gymharu â maint ffenestr y porwr).

Rhagnodi dangosydd penodol, dylech dalu sylw arbennig i'r dyluniad. Ar ôl pennu'r paramedr i fynd arwydd "cyfartal", ar ôl hynny mewn dyfynodau yn dangos gwerth a bennwyd ymlaen llaw.

Fel ar gyfer y lliw y testun, yna yn gwneud allan yn yr un ffordd ag y testun plaen mewn fformat HTML.

Enghraifft o dabl:

• ;
• ;
• № p / p ;
• Enw ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

rhesi paramedrau

Felly, rydym eisoes wedi cyfrifedig gwybod sut i wneud tabl yn HTML ac yn rhagnodi ei brif baramedrau. Ond beth os bydd angen i ddyrannu llinyn? Edrychwch ar ei nid fel y prif gorff y tabl?

paramedrau llinell yn cael eu hysgrifennu yn y tag yn yr un modd â'r tabl data. I linell y gall y newidynnau canlynol yn cael eu diffinio'n:

1. hysbys Eisoes i chi y ffin, bordercolor a bgcolor.

2. Alinio - alinio testun yn y llinell. Gellir ei osod i adael, canolfan ac i'r dde.

3. Valign - y tag alinio testun fertigol. Mae'n cymryd y gwerthoedd canlynol:

• top - testun wedi'i alinio i'r ffin uchaf;
• canol - yn y canol;
• gwaelod - yr ymyl isaf.

clirio llinell ENGHRAIFFT:

• ;
• № p / p ;
• Enw ;
• .

celloedd paramedrau

A'r peth olaf y dylech dalu sylw i'r rhai sydd am wybod sut i wneud tabl yn HTML - y paramedrau o gelloedd unigol, yn normal a chyfalaf. Yn wir, mae popeth yn cael ei wneud yn yr un modd ag ar gyfer tabl neu res. Yr unig ychwanegodd dwy elfen bwysig:

1. Colspan - Mae'r paramedr yn nodi nifer y colofnau ar gyfer y gall y gell yn ymestyn.

2. Rowspan - eisoes yn dangos y nifer o resi a feddiannir gan gell hon.

Gan fod y dyluniad yn wahanol o gwbl i'r llinell presgripsiwn, ni fydd yn arwain at y cod enghreifftiol.

canfyddiadau

Gwnewch Nid dabl mor anodd ag y mae'n ymddangos ar yr olwg gyntaf. Y prif beth wrth ysgrifennu ei god - dyfalbarhad a sylw.

Fel ar gyfer sut i fewnosod tabl yn HTML, yna ei rif cod yn ddigon i gopïo a gludo i mewn i'r lle eich tudalen, lle, yn eich barn chi, a ddylai gael ei roi.

Peidiwch â bod ofn i arbrofi, ac yn fuan yr ydych yn meistroli berffaith y dechneg o greu tablau. Pob lwc!