Lentelė - vienas iš svarbiausių, bet tuo pačiu metu sudėtingų elementų, kurie turi būti pateikti ant tinklalapius. Su jų pagalba jis yra patogus taikyti svarbų ir naudingą informaciją gana glausta forma. Žinoma, dauguma redaktoriai šablonus, dirba skirtingais varikliais, automatiškai įterpti lentelę į savo svetainę ar atskiru leidiniu, bet kas jei web dizainas išteklių, jos puslapiai sukurtas nuo nulio? Tada naujokas kapitonas gali gauti problema: kaip padaryti lentelę HTML. Pažiūrėkime, kaip greitai ir teisingai sukurti elementą.
pasirinkti redaktorius
Pirmiausia, pradedant sukurti lentelę, jums reikėtų apibrėžti redaktorius, kuriame dirbsite. Žinoma, paprasčiausias būdas pasirinkti programą, kurioje jūs sukurti pagrindinio svetainę kodą. Bet tai yra geriausia naudoti šiam tikslui senas geras kompiuterio atminties.
Galite paklausti, kodėl komplikuoti savo gyvenimą, nes jei viską padaryti teisingai redagavimo, tada rezultatas gali būti vertinamas iš karto, taip pat ir net paragina programa naudoti.
Taip, tai tiesa, bet sukurti lentelę nuo nulio, jums bus ne tik galės nuodugniai išnagrinėti jos sukūrimo principą, bet ir užkirsti kelią gėdingai rašybos ir klaidų pagrindinės kodą. Kartais nutinka atsitiktinai, kad žymeklis perkeliamas žemyn, ir rašyti kodą klaidą procesas ropliai į, kuris kartais yra sunku rasti. Kurti lentelę Notepad, galite kopijuoti kodą ir įklijuokite ją į teisingą vietą jums.
Už sukurti lentelę algoritmas
Norėdami pradėti, padaryti trumpą algoritmą, kaip padaryti lentelę HTML. Tai užtikrina, kad jūs suprantate, kiekviename žingsnyje seka. Tada analizuoti tiksliai, kaip atlikti kiekvieną iš elementų.
Pradėkime su parengiamaisiais veiksmais.
1. Pavaizduokite schematiškai ant popieriaus stalo įvaizdį.
2. Suskaičiuokite eilučių ir ląstelių skaičių. Jei skirtingos praeities skaičius - galvoti apie kiekvieno ryadochka atskirai.
3. Nustatykite eilutėje-antraštės ląstelių skaičių (pavyzdžiui, "№» ląstelę, "Pavadinimas" ir T D..).
4. Užsirašykite pagrindinius parametrus stalo - spalva, aukščio ir pločio, teksto lygiavimo - trumpai tariant, viskas, kas jums atrodo tinkama.
Tada eikite tiesiai prie stalo sukurta:
1. Įdėkite žymės lentelę.
2. Įdėkite linijų remiantis sumą, kad jums reikia žymes.
3. eilutės įterpti žymes ląstelių (įprastas ir didžiąsias), taip pat nuo sumos, kurios įrašytos ant popieriaus pagrindu.
4. Nustatykite visą lentelę parametrus.
5. Jei reikia nustatyti parametrus atskirų ląstelių.
6. Užpildykite mūsų ląstelių tekstą.
sukurti lentelę
Taigi, jums pasirinkti redaktorius, dabar pažvelkime, kaip sukurti lentelę HTML. Gairė, kuri leidžia stalo (
) yra įtraukiamas į puslapio kodą yra suporuotas, tai yra, mūsų statybos prasideda šio žyma ir baigiasi .
Įterpiant žodžius stalo, toliau kurti eilutes ir ląsteles.
Dabar, mes pažymime, kad šie elementai taip pat yra suporuotas. Tag
apibrėžia eilutę, ir | - ląsteles.
Aukštesnės ląstelės turėtų būti naudojamas suporuotas elementus <-oji>.
Kaip jau minėta, pirmasis žingsnis yra nubrėžti liniją, tada jie turi užsiregistruoti langelį. Siekiant išvengti painiavos, patartina padaryti bet padding tarp kiekvieno bloko į eilutę ar dvi, ar dar išrašyti naują bloką elementus naudojant "Tab" klavišą.
Kaip tai gali atrodyti? Kažkas panašaus į tai:
-
; -
; -
№ p / p ; -
Vardas ; - ;
-
; -
| 1 | ; -
Ivanovas ; - ;
- .
Kaip matote, nieko sudėtinga apie tai. Svarbiausia - nereikia pasiklysti eilučių ir ląstelių skaičių. Kitaip, lentelėje yra pakreiptas.
Mes išmontuoti sukurti lentelę HTML, dabar mes galime pereiti prie tiek matrica ir jos eilėmis ir ląstelių parametrų.
stalo Nustatymai Kai kodas parašytas, būtina atkreipti dėmesį į šiuos dalykus: derinimą stalo HTML, apie spalvą ir sienų, fonas, tekstas ir pan.
Parametrai yra nurodyti lentelėje žyma . Tai apima:
1. sienos - sienos plotis. Apibrėžta sveikasis skaičius. Pagal nutylėjimą, bet stalo sienos išnykti.
2. BORDERCOLOR - pasienio spalva. Jis gali būti skiriamas kaip šešioliktainį spalvos (# 00008B), ir jo vardu angliykom (Tamsiai mėlyna). Pagal nutylėjimą, tai visada pilka.
3. BGCOLOR - fono spalva. Kaip nurodyta kodą arba pavadinimą.
4. Suderinti - suderinti tekstą stalo. Numatytoji - kairėje. Yra tokie variantai šio parametro:
- kairėje - dešinėje įvyniojimas;
- -obtekanie dešinės į kairę;
- per centrą - produkcijos lentelė per vidurį be srauto.
5. plotis ir aukštis - plotis ir aukštis lentelės. Tai gali būti arba pikseliais arba procentais (lyginant su naršyklės lango dydžio).
Skiriant tam tikrą rodiklį, reikia atkreipti ypatingą dėmesį į dizainą. Po nurodant parametro eiti ženklą "lygūs", o po to į kabutes rodo iš anksto nustatytą vertę.
Kalbant apie teksto spalvą, tada padaro jį taip pat kaip paprasto teksto HTML formatu.
Pavyzdys lentelėje:
-
; -
; -
№ p / p ; -
Vardas ; - ;
-
; -
| 1 | ; -
Ivanovas ; - ;
- .
parametrai eilutės Taigi mes jau suprato, kaip padaryti lentelę HTML ir nustatyti jos pagrindinius parametrus. Bet kas, jei mes turime skirti eilutę? Patikrinkite savo ne kaip pagrindinio korpuso stalo?
linijos parametrai yra parašyta žyma | taip pat, kaip ir duomenų lentelės. Išsirikiuoti šie kintamieji gali būti apibrėžta:
1. Jau žinoma, kad jums Pasienio, BORDERCOLOR ir BGCOLOR.
2. Suderinti - suderinti tekstą linija. Jis gali būti nustatytas į kairę, centro ir į dešinę.
3. Valign - žyma išlygina tekstą vertikaliai. Tai užtrunka šias vertes:
- viršuje - tekstas yra suderintas su viršutinės ribos;
- viduriniosios viduryje -;
- iš apačios - apatinis kraštas.
PAVYZDYS linija klirensas:
-
; -
№ p / p ; -
Vardas ; - .
parametrai ląstelės Ir paskutinis dalykas, kurį turėtų atkreipti dėmesį į tuos, kurie nori žinoti, kaip padaryti HTML lentelė - atskirų ląstelių parametrų, tiek normalus ir kapitalą. Tiesą sakant, viskas daroma taip pat, kaip ir stalo arba eilės. Vienintelis pridėta du svarbius elementus:
1. COLSPAN - Šis parametras nurodo stulpelių, kurių ląstelių gali išplėsti skaičių.
2. rowspan - jau rodo eilučių užima šį langelį skaičių.
Kadangi dizainas nesiskiria nuo receptinių linijos, ji nebus mėginio kodą.
išvados Padaryti lentelė yra ne taip sunku, kaip gali atrodyti iš pirmo žvilgsnio. Svarbiausia rašant jo kodas - atkaklumas ir dėmesys.
Kaip Kaip įterpti lentelę HTML, tada jos kodas yra pakankamai nukopijuokite ir įklijuokite jį į savo puslapį vieta, kurioje, jūsų nuomone, turėtų būti pateikta.
Nebijokite eksperimentuoti, ir netrukus jūs puikiai įvaldę kurti lenteles techniką. Sėkmės!
| |
| | |
| | | |
|