Komputiloj, Programado
Kiel fari tablon en HTML: detala priskribo de
Tablo - unu el la plej gravaj, sed samtempe kompleksa elementojn kiuj devas ĉeesti sur la retpaĝoj. Kun ilia helpo ĝi estas oportuna por apliki grava kaj utila informo per iom konciza formo. Kompreneble, plej redaktoroj en ŝablonoj, laboras pri malsamaj motoroj, aŭtomate enmeti tablo en vian retejon aŭ apartaj publikigo, sed kion se la dezajno retejo rimedo, ĝiaj paĝoj estas kreitaj el nenio? Tiam la novulo mastro povas akiri problemo: kiel fari tablon en HTML. Ni vidu kiel rapide kaj korekte krei la ero.
elekti redaktilo
Unue, komencante krei tablo, vi devas difini la redaktoro en kiu vi laboros. Kompreneble, la plej facila vojo por elekti la programon kiun vi kreas bazan retejon kodo. Sed ĝi estas bona por uzi por tiu celo la bona malnova bloko de notoj.
Vi povas demandi, kial kompliki la vivon, ĉar se vi faras ĉion ĝuste en la redaktilo, tiam la rezulto povas vidi tuj, tro, kaj eĉ demandas de la programo por uzi.
Jes, estas vera, sed por krei tablon el nenio, vi ne nur povos funde esplori la principon de ĝia kreo, sed ankaŭ malhelpi embarasajn tajperarojn kaj eraroj en la suba kodo. Foje okazas hazarde, ke la kursoro estas movita malsupren, kaj la procezo de skribi kodon en eraro rampas en, kiu estas kelkfoje malfacile trovi. Krei tabelo en kajero, vi povas kopii la kodon kaj algluu ĝin en la ĝusta loko por vi.
La algoritmo por krei la tablo
Por komenci, fari mallongan algoritmo, kiel fari tablon en HTML. Tiu estas por certigi ke vi komprenas la sinsekvon de ĉiu paŝo. Tiam analizi precize kiel plenumi ĉiun de la aĵoj.
Ni komencu per la preparan agoj.
1. Desegni la grafika dokumento sur papero tablo bildo.
2. Grafo la nombro de vicoj kaj ĉeloj. Se la nombro de malsamaj pasinteco - pensi de ĉiu ryadochka aparte.
3. Determini la nombro en la vico header ĉeloj (ekzemple, «№» ĉelo, "nomo" kaj t. D.).
4. Skribi malsupren la ĉefa parametroj de la tablo - la koloro, alteco kaj larĝeco, tekstoj alineación - mallonge, ĉion, kion vi ŝajnas indas.
Tiam iru rekte al la kreo de la tablo:
1. Enmetu la etikedoj tablo.
2. Enmetu la etikedoj de linioj bazitaj sur la kvanto kiun vi bezonas.
3. La vicoj enigi etikedoj de ĉeloj (normala kaj majuskla), ankaŭ surbaze de la kvanto kiun ili gravuris sur papero.
4. Agordu la parametrojn por la tuta tabelo.
5. Se vi devas agordi parametrojn por individua ĉeloj.
6. Plenigu en nia ĉelo tekston.
krei tablo
Do, vi elektos redaktoro, nun ni rigardu kiel krei tablon en HTML. Tag kiu permesas tablo (
Enmetas la etikedoj tablo, eliras krei vicoj kaj ĉeloj.
Nun, ni rimarku ke tiuj elementoj ankaŭ parigita. Etikedo
Por supra-ĉeloj estu uzata parigita elementoj .
Kiel dirite, la unua paŝo estas desegni linion, do oni devas registri ĉelo. Por eviti konfuzon, estas rekomendinde fari ajnan Plenigado inter ĉiu bloko en unu-du, aŭ alia preskribi nova bloko elementoj uzante la "Tab" ŝlosilo.
Kiel ĝi aspektas? Eble tiel:
-
; -
; № p / p ; Nomo ; - ;
; 1 ; Ivanov ; - ;
- .
Kiel vi povas vidi, nenio komplikita pri ĝi. La ĉefa afero - ne perdiĝu en la nombro de vicoj kaj ĉeloj. Alie, la tablo estas klinita.
Ni malmuntis krei tablon en HTML, nun ni povas movi sur al la parametroj de kaj la Matrix kaj ĝiaj vicoj kaj ĉeloj.
tablo Agordoj
Kiam la kodo estas skribita, necesas atenti la sekvajn punktojn: alineación en la tablo la HTML, la koloro de la limoj, fono, teksto, kaj tiel plu.
La parametroj estas specifita en la tablo etikedo
. Tiuj inkludas: 1. Limo - la limo larĝa. Difinita de entjero. Defaŭlte, ĉiu tablo limoj malaperus.
2. Bordercolor - la koloro de la limo. Ĝi povas esti donita kiel deksesuma koloro (# 00008B), kaj lia nomo sur angliykom (DarkBlue). Defaŭlte ĝi estas ĉiam grizaj.
3. Bgcolor - fonkoloro. Kiel specifita de kodo aŭ nomo.
4. Align - align tekston por la tablo. Defaŭlta - maldekstre. Estas la jenaj ebloj por ĉi tiu parametro:
- maldekstra - rajto wrap;
- -obtekanie dekstra maldekstren;
- centro - la produktadon tablo en la mezo kun neniu fluo.
5. Larĝeco kaj alteco - larĝeco kaj alteco de la tablo. Ĝi povas esti aŭ en pikseloj aŭ kiel procento (relativa al la retumilo fenestro grandeco).
Preskribi specifa indikilo, vi devus pagi apartan atenton al la dezajno. Post specifante la parametron iri signo "egalaj", post kiu en citiloj indikas antaŭdeterminita valoro.
Kaj pri la koloro de la teksto, do kompreni gxin sammaniere kiel plata teksto en formato HTML.
Ekzemplo de tablo:
-
; -
; № p / p ; Nomo ; - ;
; 1 ; Ivanov ; - ;
- .
parametroj vicoj
Do ni jam eltrovis kiel fari tablon en HTML kaj preskribi liaj ĉefaj parametroj. Sed kion se ni devas atribui kordo? Kontrolu ŝi ne kiel la ĉefa korpo de la tablo?
linio parametroj estas skribitaj en la etikedo
same kiel la datumoj tablo. Al linio la sekvajn variablojn eblas difinitaj: 1. Jam konata al vi la limon, bordercolor kaj bgcolor.
2. Align - align teksto en la linio. Ĝi povas esti aro al maldekstra, centro kaj dekstra.
3. Valign - la etikedo vicigas la tekston vertikale. Ĝi prenas la sekvajn valorojn:
- supro - la teksto estas vicigita al la supra rando;
- mezo - en la mezo;
- malsupro - la fundo rando.
EKZEMPLO linio klaro:
-
; № p / p ; Nomo ; - .
parametroj ĉeloj
Kaj la lasta afero vi devus pagi atenton al tiuj, kiuj volas scii kiel fari tablon en HTML - la parametroj de individuaj ĉeloj, ambaŭ normala kaj ĉefurbo. Fakte, ĉio estas farita en la sama maniero kiel por tablo aŭ vico. La sola aldonis du gravaj elementoj:
1. Colspan - Ĉi parametron specifas la nombron de kolumnoj por kiu la ĉelo povas etendi.
2. Rowspan - jam indikas la numeron de vicoj okupita de tiu ĉelo.
Ekde la dezajno estas malsamaj de la recepton linio, ĝi ne rezultigi la specimeno kodo.
trovoj
Faru tablo ne estas tiel malfacila kiel ĝi povus aspekti unuavide. La ĉefa afero kiam skribas lian kodon - persistemo kaj atento.
Kaj pri kiel enigi tablon en HTML, tiam lia kodo nombro sufiĉas kopii kaj alglui ĝin en la loko de via paĝo, en kiu, en via opinio, devus esti metita.
Ne timu sperti, kaj baldaŭ vi perfekte majstris la teknikon de krei tablojn. Bonŝancon!
Similar articles
Trending Now
Newest