Datori, Programmēšana
Kā veikt tabulu HTML: detalizēts apraksts
Tabula - viens no svarīgākajiem, bet tajā pašā laikā sarežģītiem elementiem, kas ir jābūt klāt tīmekļa lapās. Ar to palīdzību ir ērti piemērot svarīgu un noderīgu informāciju, kas diezgan kodolīgi. Protams, lielākā daļa redaktori veidnes, strādājot uz dažādiem dzinējiem, automātiski ievietotu tabulu savā mājas lapā vai atsevišķā izdevumā, bet ko tad, ja web dizains resursa, tās lapas ir izveidota no nulles? Tad iesācējs kapteinis var saņemt problēma: kā veikt tabulu HTML. Let 's redzēt, cik ātri un pareizi izveidot objektu.
izvēlēties redaktoru
Pirmkārt, sākot lai izveidotu tabulu, jums vajadzētu noteikt redaktoru, kurā jūs strādājat. Protams, vienkāršākais veids, lai izvēlētos programmu, kurā jums izveidot pamata vietnes kodu. Bet vislabāk ir izmantot šim nolūkam veco labu notepad.
Jūs varētu jautāt, kāpēc sarežģīt savu dzīvi, jo, ja jūs darīt visu labi redaktorā, tad rezultāts ir redzams uzreiz, pārāk, un pat piedāvā programmu izmantot.
Jā, tā ir taisnība, bet, lai izveidotu tabulu no nulles, jums būs ne tikai iespēja rūpīgi pārbaudīt tās radīšanas principu, bet arī, lai novērstu mulsinošu typos un kļūdas pamatā kodu. Dažreiz tas notiek nejauši, ka kursors tiek pārvietots uz leju, un process rakstot kodu kļūdas creeps in, kas dažkārt ir grūti atrast. Radot tabulu notebook, jūs varat kopēt kodu un ielīmējiet to īstajā vietā jums.
Algoritms, lai izveidotu tabulu
Lai sāktu, veikt īsu algoritmu, kā padarīt tabulu HTML. Tas nepieciešams, lai nodrošinātu, ka jūs saprotat secību katra soļa. Tad analizēt tieši, kā veikt katru no priekšmetiem.
Sāksim ar sagatavošanās darbībām.
1. Zīmēt shematisks uz papīra galda attēlu.
2. Saskaitiet rindas un šūnas. Ja skaits dažādu pagātni - domā par katru ryadochka atsevišķi.
3. Noteikt numuru rindā-galvenes šūnas (piemēram, «№» šūnas, "Nosaukums" un t D..).
4. Pierakstiet galvenos parametrus tabulas - krāsu, augstumu un platumu, teksta izlīdzinājumu - īsumā, viss, kas jums šķiet piemērots.
Tad doties tieši izveidi tabulā:
1. Ievietojiet tagus tabulu.
2. Ievietojiet tagus līniju, pamatojoties uz summu, kas jums nepieciešams.
3. rindas ievietot tagus šūnu (normālas un lielajiem), kā arī pamatojoties uz summu, kas ir reģistrēta uz papīra.
4. Iestatiet parametrus visā tabulā.
5. Ja jums ir nepieciešams, lai noteiktu parametrus atsevišķām šūnām.
6. Aizpildiet mūsu šūnu tekstā.
izveidot tabulu
Tātad, jūs izvēlaties redaktors, tagad aplūkosim, kā izveidot tabulu HTML. Tag kas ļauj tabulu (
Ievietojot tagiem galda, turpiniet veidot rindas un šūnas.
Tagad mēs atzīmējam, ka šie elementi ir arī pārī. Tag
Par augstāka šūnas jāizmanto pārī elementus
Kā jau minēts, pirmais solis ir izdarīt līniju, tad viņi ir jāreģistrējas šūnu. Lai izvairītos no pārpratumiem, tas ir ieteicams darīt jebkādu Atstatums starp katru bloku ar vai divas līnijas, vai arī noteikt jaunu bloku elementus, izmantojot "Tab" taustiņu.
Kā tas var izskatīties? Kaut kas līdzīgs šim:
-
;
; Rīgas p / p ; Vārds ; - ;
; 1 ; Ivanov ; - ;
- .
Kā jūs varat redzēt, nekas sarežģīts par to. Galvenais - nav pazust skaita rindas un šūnas. Pretējā gadījumā, tabula ir sašķiebta.
Mēs demontēti, lai izveidotu tabulu HTML, tagad mēs varam pāriet uz parametriem gan Matrix un tās rindas un šūnas.
galda opcijas
Kad kods ir uzrakstīts, ir nepieciešams pievērst uzmanību šādiem punktiem: saskaņošanu šajā tabulā HTML, krāsu robežām, fona, teksta, un tā tālāk.
Parametri ir norādīti tabulā tag
. Tie ir šādi: 1. Robežu - robežas platumu. Definēts veselam skaitlim. Pēc noklusējuma, visi galda robežas pazudīs.
2. Bordercolor - krāsa robežas. To var ievadīt kā heksadecimālā krāsā (# 00008B), un viņa vārdu angliykom (DarkBlue). Pēc noklusējuma, tas vienmēr ir pelēks.
3. fona krāsa - fona krāsu. Kā norādīts ar kodu vai nosaukumu.
4. Novietojiet - saskaņot tekstu tabulā. Default - kreisajā pusē. Ir šādas iespējas šo parametru:
- kreisi - pa labi wrap;
- -obtekanie labi pa kreisi;
- centrs - izlaides tabulas vidū bez plūsmu.
5. platums un augstums - platums un augstums no tabulas. Tas var būt vai nu pikseļos vai procentos (relatīvais pārlūka loga izmēru).
Paredzot īpašu rādītāju, jums vajadzētu pievērst īpašu uzmanību dizainu. Pēc tam, norādot parametru iet zīmi "vienāds", pēc kura pēdiņās norāda iepriekš noteiktu vērtību.
Attiecībā uz teksta krāsu, tad dara, to tāpat kā vienkāršu tekstu HTML formātā.
Piemērs tabulu:
-
;
; Rīgas p / p ; Vārds ; - ;
; 1 ; Ivanov ; - ;
- .
parametri rindas
Tāpēc mēs esam jau izpētījuši, kā padarīt tabulu HTML un noteikt tā galvenos parametrus. Bet ko tad, ja mums ir nepieciešams piešķirt virkni? Pārbaudiet viņas nevis kā galvenā korpusa galda?
līnijas parametri tiek rakstīti tagu
tādā pašā veidā, kā datu tabulā. Lai rindā šādi mainīgie var definēt: 1. Jau zināms, ka jums robežu, bordercolor un BGCOLOR.
2. Izlīdzināt - saskaņot tekstu līniju. To var iestatīt, lai pa kreisi, centrā un pa labi.
3. valign - taga pieskaņo tekstu vertikāli. Tas aizņem šādas vērtības:
- top - teksts ir saskaņots ar augšējo robežu;
- middle - vidū;
- bottom - apakšējā mala.
Example līnija klīrenss:
-
; Rīgas p / p ; Vārds ; - .
parametri šūnas
Un pēdējā lieta, jums vajadzētu pievērst uzmanību tiem, kuri vēlas uzzināt, kā padarīt tabulu HTML - parametrus atsevišķas šūnas, gan normāli un kapitālu. Patiesībā, viss tiek darīts, tāpat kā uz galda vai rindā. Vienīgā pievienoja divus svarīgus elementus:
1. Colspan - Šis parametrs kolonnu skaitu, attiecībā uz kuriem šūna var pagarināt.
2. Rowspan - jau norāda rindu skaitu, ko aizņem šīs šūnas.
Tā dizains ir neatšķiras no recepšu līniju, tas neradīs parauga kodu.
secinājumi
Veikt tabula nav tik grūti, kā varētu likties pirmajā acu uzmetienā. Galvenais, rakstot savu kodu - neatlaidība un uzmanību.
Attiecībā uz to, kā ievietot tabulu HTML, tad tā kods ir pietiekami, lai kopētu un ielīmētu to vietā jūsu lapu, kurā, jūsuprāt, būtu novietots.
Nebaidieties eksperimentēt, un drīz jums ir lieliski apguvis tehniku izveidot tabulas. Veiksmi!
Similar articles
Trending Now
Newest