Kif tagħmel tabella HTML: deskrizzjoni dettaljata ta '

Tabella - wieħed mill-aktar importanti, iżda fl-istess elementi kumplessi ħin li għandhom ikunu preżenti fuq il-paġni web. Bl-għajnuna tagħhom huwa konvenjenti li jiġi applikat informazzjoni importanti u utli f'forma pjuttost konċiż. Naturalment, ħafna edituri fil mudelli, li jaħdmu fuq il-magni differenti, awtomatikament daħħal tabella fis-website tiegħek jew pubblikazzjoni separata, imma dak jekk ir-riżorsa web disinn, paġni tagħha huma maħluqa mill-bidu nett? Imbagħad il-kaptan novizzi tista 'tikseb problema: kif jagħmlu tabella HTML. Ejja naraw kif malajr u b'mod korrett joħolqu l-oġġett.

jagħżlu editur

L-ewwelnett, tibda biex joħolqu tabella, għandek tiddefinixxi l-editur li inti se taħdem. Naturalment, l-eħfef mod biex jagħżlu l-programm li fih inti toħloq kodiċi bażiku sit. Iżda huwa aħjar li tuża għal dan l-iskop l-notepad tajba qodma.

Inti tista 'tistaqsi, għaliex jikkomplika l-ħajja tiegħek, għaliex jekk inti tagħmel dak kollu dritt fil-editur, allura r-riżultat jista' jidher immedjatament, wisq, u anki tqanqal l-programm għall-użu.

Iva, huwa veru, iżda li toħloq tabella mill-bidunett, inti mhux biss se tkun tista 'teżamina bir-reqqa l-prinċipju tal-ħolqien tagħha, iżda wkoll biex jipprevjenu typos embarrassing u żbalji fil-kodiċi sottostanti. Xi kultant jiġri b'kumbinazzjoni li l-cursor jiġi mċaqlaq isfel, u l-proċess tal-kitba kodiċi bi żball creeps fi, li kultant huwa diffiċli li ssib. Ħolqien ta 'tabella fil-notebook, inti tista' kopja tal-kodiċi u paste fil-post it-tajjeb għalik.

L-algoritmu għall-ħolqien tal-mejda

Biex tibda, tagħmel algoritmu qasir, kif jagħmlu tabella HTML. Dan biex jiġi żgurat li inti tifhem l-sekwenza ta 'kull pass. Imbagħad tanalizza eżattament kif iwettqu kull wieħed mill-oġġetti.

Nibdew bl-azzjonijiet preparatorji.

1. Iġbed il skematika fuq id-dehra mejda karta.

2. Għodd in-numru ta 'ringieli u ċelloli. Jekk in-numru tal-passat differenti - think ta 'kull ryadochka separatament.

3. Iddetermina n-numru fiċ-ċelloli ringiela-header (per eżempju, "№» phone, "Isem" u t. D.).

4. Ikteb il-parametri ewlenin tat-tabella - il-kulur, l-għoli u wisa ', l-allinjament test - fil-qosor, dak kollu li inti jidhru tajbin.

Imbagħad mur direttament għall-ħolqien tat-tabella:

1. Daħħal il-mejda tikketti.

2. Daħħal l-tags ta 'linji produttivi bbażati fuq l-ammont li għandek bżonn.

3. Ir-ringieli daħħal lametti ta 'ċelloli (normali u majjuskoli ta' kulur), ukoll fuq il-bażi tal-ammont li rreġistraw fuq il-karta.

4. Issettja l-parametri għall-tabella kollu.

5. Jekk għandek bżonn li jiġu stabbiliti parametri għall ċelluli individwali.

6. Imla fit-test taċ-ċelluli tagħna.

tinħoloq tabella

Allura, inti tagħżel editur, issa ejja nħarsu lejn kif tinħoloq tabella fl HTML. Tag li tippermetti tabella () huwa mdaħħal fil-kodiċi paġna huwa paired, jiġifieri, il-kostruzzjoni tagħna tibda bil dan il-tikketta u tispiċċa bil .

Ddaħħal-tabella tikketti, jipproċedi biex joħolqu ringieli u ċelloli.

Issa, aħna ninnotaw li dawn l-elementi huma wkoll paired. Tag jiddefinixxi spag, u - ċelloli.

Għal ta 'fuq iċ-ċelluli għandhom jintużaw elementi paired .

Kif diġà ssemma, l-ewwel pass huwa li tinqata 'linja, allura dawn għandhom jirreġistraw taċ-ċelluli. Sabiex tiġi evitata konfużjoni, huwa rakkomandabbli li tagħmel xi ikkuttunar bejn kull blokk fil-linja jew tnejn, jew inkella li jippreskrivu xi elementi ġodda blokk billi jużaw il- "Tab" ewlenin.

Kif jista 'look like? Xi ħaġa bħal din:

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

Kif tistgħu taraw, xejn ikkumplikat dwar dan. Il-ħaġa prinċipali - ma jintilfu fin-numru ta 'ringieli u ċelloli. Inkella, it-tabella hija inklinata.

Aħna żarmati biex joħolqu tabella HTML, issa nistgħu jimxu fuq il-parametri ta 'kemm l-Matriċi u ringieli u ċelloli tagħha.

Għażliet mejda

Meta l-kodiċi huwa miktub, huwa neċessarju li tingħata attenzjoni għall-punti li ġejjin: allinjament fil -tabella l-HTML, il-kulur tal l-fruntieri, l-isfond, it-test, u l-bqija.

Il-parametri huma speċifikati fit-tikketta tabella . Dawn jinkludu:

1. Fruntieri - il-wisa fruntiera. Definita mill integer. Konvenzjonalment, kwalunkwe fruntieri tabella jgħibu.

2. Bordercolor - il-kulur tal-fruntiera. Dan jista 'jingħata bħala kulur hexadeċimali (# 00008B), u l-isem tiegħu fuq angliykom (DarkBlue). Konvenzjonalment, huwa dejjem griż.

3. bgcolor - kulur fl-isfond. Kif speċifikat b'kodiċi jew b'isem.

4. Tallinja - jallinjaw it-test għall-tabella. Default - fuq ix-xellug. Hemm huma l-għażliet li ġejjin għal dan il-parametru:

• xellug - wrap dritt;
• dritt -obtekanie lejn ix-xellug;
• ċentru --tabella produzzjoni fin-nofs bl-ebda fluss.

5. Wisa u l-għoli - wisa 'u għoli tat-tabella. Dan jista 'jkun jew fil pixel jew bħala persentaġġ (relattiv għad-daqs browser window).

Jippreskrivu indikatur partikolari, inti għandek tagħti attenzjoni partikolari għad-disinn. Wara li tispeċifika l-parametru li jmorru sinjal "ugwali", wara li fil-kwotazzjonijiet jindika valur predeterminat.

Fir-rigward tal-kulur tat-test, imbagħad jagħmel dan bl-istess mod bħala test sempliċi fil-format HTML.

Eżempju ta 'tabella:

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

parametri ringieli

Allura aħna stajt diġà dehret kif jagħmlu tabella fl HTML u jippreskrivu parametri ewlenin tagħha. Imma x'jiġri jekk għandna bżonn li jallokaw string? Iċċekkja l tagħha mhux bħala l-korp ewlieni tat-tabella?

parametri linja huma miktuba fil-tikketta fl-istess mod bħall-tabella tad-data. Għal-linja l-varjabbli li ġejjin jistgħu jiġu definiti:

1. Diġà magħrufa lilek il-fruntiera, bordercolor u bgcolor.

2. Tallinja - jallinjaw it-test fil-linja. Hija jistgħu jiġu stabbiliti biex xellug, ċentru u lemin.

3. Valign - il-lametta tallinja t-test vertikalment. Huwa jieħu l-valuri li ġejjin:

• top - it-test huwa allinjat mal-fruntiera ta 'fuq;
• nofs - fin-nofs;
• qiegħ - it-tarf tal-qiegħ.

EŻEMPJU tneħħija linja:

• ;
• № p / p ;
• Isem ;
• .

ċelluli parametri

U l-aħħar ħaġa li għandek tagħti attenzjoni lill dawk li jixtiequ jkunu jafu kif jagħmlu tabella HTML - il-parametri ta 'ċelluli individwali, kemm normali u l-kapital. Fil-fatt, kollox isir bl-istess mod bħal mejda jew ringiela. L-unika żied żewġ elementi importanti:

1. Colspan - Dan il-parametru jispeċifika n-numru ta 'kolonni li għalihom iċ-ċellola jista' jestendi.

2. Rowspan - diġà jindika n-numru ta 'ringieli okkupati minn din iċ-ċellula.

Peress li l-disinn huwa differenti mill-linja preskrizzjoni, mhux se tirriżulta fil-kodiċi tal-kampjun.

sejbiet

Agħmel tabella mhuwiex diffiċli kemm jista 'jidher mad-daqqa t'għajn. Il-ħaġa prinċipali meta tikteb kodiċi tagħha - perseveranza u attenzjoni.

Fir-rigward kif daħħal tabella HTML, allura numru tal-kodiċi tagħha huwa biżżejjed li kopja u paste fil-post tal-paġna tiegħek, li fiha, fl-opinjoni tiegħek, għandhom jitqiegħdu.

Tibżgħux għall-esperimentazzjoni, u dalwaqt inti perfettament mhaddma-teknika tal-ħolqien tabelli. Xorti tajba!