Table - isa sa mga pinaka-mahalaga, ngunit sa parehong oras kumplikadong mga elemento na dapat na naroroon sa mga pahina ng web. Sa kanilang mga tulong na ito ay maginhawa upang ilapat ang isang mahalagang at kapaki-pakinabang na impormasyon sa isang halip maikli at puno ng form. Siyempre, karamihan sa mga editor sa mga template, nagtatrabaho sa iba't ibang mga engine, awtomatikong magpasok ng isang table sa iyong website o hiwalay na publikasyon, ngunit kung paano ang mga web disenyo ng mapagkukunan, mga pahina nito ay nilikha mula sa simula? Pagkatapos ay ang baguhan master ay maaaring makakuha ng isang problema: kung paano gumawa ng isang table sa HTML. Tingnan natin kung paano mabilis at tama lumikha ng mga item Hayaan.
piliin ang editor
Una sa lahat, na nagsisimula upang lumikha ng isang talahanayan, dapat mong tukuyin ang mga editor na kung saan ikaw ay gumagana. Syempre, ang pinakamadaling paraan upang piliin ang mga programa kung saan lilikha ka ng isang pangunahing site code. Ngunit ito ay pinakamahusay na upang gamitin para sa layuning ito ang mabuting lumang notepad.
Maaari mong hilingin, kung bakit makapagpalubha iyong buhay, dahil kung gagawin mo ang lahat ng bagay kanan sa editor, pagkatapos ay ang resulta ay makikita agad, masyadong, at kahit na prompt ang programa upang gamitin.
Oo, ito ay totoo, ngunit upang lumikha ng isang talahanayan na mula sa simula, ikaw ay hindi lamang magagawang upang lubusan suriin ang mga prinsipyo ng paglikha nito, kundi pati na rin upang maiwasan ang nakakahiyang typo at error sa mga pinagbabatayan code. Minsan nangyayari ito sa pamamagitan ng pagkakataon na ang cursor ay inilipat pababa, at ang proseso ng pagsusulat ng code sa error kilabot sa, na kung saan ay paminsan-minsan mahirap upang mahanap. Ang paglikha ng isang talahanayan sa isang notebook, maaari mong kopyahin ang code at i-paste ito sa tamang lugar para sa iyo.
Ang algorithm para sa paglikha ng mesa
Upang magsimula, gumawa ng isang maikling algorithm, kung paano gumawa ng isang table sa HTML. Ito ay upang matiyak na nauunawaan mo ang pagkakasunod-sunod ng bawat hakbang. Pagkatapos ay pag-aralan kung paano mismo upang maisagawa ang bawat isa sa mga item.
Tayo'y magsimula sa ang paghahanda aksyon Hayaan.
1. Gumuhit ng eskematiko sa papel talahanayan na imahe.
2. Bilangin ang bilang ng mga hilera at mga cell. Kung ang bilang ng mga iba't ibang mga nakalipas na - tingin ng bawat ryadochka hiwalay.
3. Alamin ang numero sa mga cell hilera-header (halimbawa, «№» cell, "Pangalan" at t. D.).
4. Isulat ang mga pangunahing mga parameter ng talahanayan - ang kulay, taas at lapad, pagkakahanay ng teksto - sa maikling salita, lahat ng bagay na mukhang mong akma.
Pagkatapos ay pumunta nang direkta sa ang paglikha ng talahanayan:
1. Ipasok ang table tag.
2. Ipasok ang mga tag ng mga linya batay sa halaga na kailangan mo.
3. Ang mga hilera ipasok tag ng mga cell (normal at uppercase), din sa batayan ng halaga na naitala sa papel.
4. Itakda ang mga parameter para sa buong table.
5. Kung kailangan mong magtakda ng mga parameter para sa mga indibidwal na mga cell.
6. Punan ang aming cell text.
lumikha ng isang talahanayan
Kaya, ikaw ang pipili editor, ngayon tingnan natin kung paano lumikha ng isang table sa HTML. Tag na nagpapahintulot sa table (
) ay ipinasok sa page code ipinapares, iyon ay, ang aming konstruksiyon ay nagsisimula sa tag na ito at nagtatapos sa .
Pagpapasok ng table tag, magpatuloy upang lumikha ng mga hilera at mga cell.
Ngayon, tandaan natin na ang mga elementong ito ay din ipinares. Tag
tumutukoy sa isang string, at | - cells.
Para sa itaas na mga cell ay dapat gamitin ipinares elemento | .
Bilang na nabanggit, ang unang hakbang ay upang gumuhit ng isang linya, at pagkatapos ay mayroon sila upang magrehistro ng cell. Upang maiwasan ang pagkalito, ito ay ipinapayong gawin ang anumang padding sa pagitan ng bawat bloke sa isang linya o dalawa, o kung hindi upang maghatol ng mga bagong elemento ng block sa pamamagitan ng paggamit ng "Tab" susi.
Paano ito ay maaaring magmukhang? Isang bagay na katulad nito:
- ;
-
; -
№ p / p ; -
Pangalan ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Tulad ng iyong nakikita, walang kumplikado ang tungkol dito. Ang pangunahing bagay - huwag mawala sa bilang ng mga hilera at mga cell. Sa kabilang banda, ang talahanayan ay tagilid.
Kami ay lansag upang lumikha ng isang table sa HTML, ngayon maaari naming ilipat sa sa ang mga parameter ng parehong ang Matrix at ang kanyang mga hilera at mga cell.
Mga Pagpipilian sa talahanayan Kapag ang code ay nakasulat, ito ay kinakailangan upang bigyang-pansin ang mga sumusunod na puntos: alignment sa mesa ang HTML, ang kulay ng mga hangganan, background, teksto, at iba pa.
Ang mga parameter ay tinukoy sa tag talahanayan . Kabilang dito ang:
1. Border - ang lapad ng border. Tinukoy sa pamamagitan ng isang integer. Sa pamamagitan ng default, ang anumang mga hangganan talahanayan maglaho.
2. BorderColor - ang kulay ng border. Maaari itong ibigay bilang hexadecimal kulay (# 00008B), at ang kanyang pangalan sa angliykom (darkblue). Sa pamamagitan ng default, ito ay palaging kulay abo.
3. bgcolor - kulay ng background. Tulad ng tinukoy sa pamamagitan ng code o pangalan.
4. I-align - align ng teksto para sa table. Default - sa kaliwa. May mga sumusunod na mga pagpipilian para sa parameter:
- kaliwa - kanan wrap;
- -obtekanie karapatan sa kaliwa;
- center - ang output table sa gitna na walang flow.
5. Lapad at taas - lapad at taas ng table. Maaari itong maging alinman sa pixels o bilang isang porsyento (kamag-anak sa laki ng browser window).
Prescribing isang partikular na tagapagpahiwatig, dapat kang magbayad ng partikular na pansin sa mga disenyo. Pagkatapos ng pagtukoy sa mga parameter upang pumunta sign "pantay-pantay", kung saan pagkatapos, sa quotes ay nagpapahiwatig ng isang paunang natukoy na halaga.
Tulad ng para sa mga kulay ng teksto, at pagkatapos ay gumawa ng mga ito sa parehong paraan tulad ng plain text sa HTML format.
Halimbawa ng isang talahanayan:
- ;
-
; -
№ p / p ; -
Pangalan ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parameter hilera Kaya nangangahulugan na na naisip namin kung paano gumawa ng isang table sa HTML at mag-utos sa kanyang mga pangunahing mga parameter. Ngunit ano kung kailangan namin upang maglaan ng isang string? Tingnan ang hindi sa kanya bilang ang pangunahing katawan ng ang talahanayan?
line parameter ay nakasulat sa mga tag | sa parehong paraan tulad ng talahanayan ng data. Sa line ang mga sumusunod na mga variable ay maaaring tinukoy:
1. Mayroon na ipinakilala sa inyo ang hangganan, BorderColor at bgcolor.
2. I-align - ihanay ang teksto sa linya. Maaari itong i-set sa kaliwa, gitna at kanan.
3. valign - ang tag aligns ang teksto patayo. Tatagal ang mga sumusunod na halaga:
- tuktok - ang teksto ay hile-hilera sa itaas na hangganan;
- gitna - sa gitna;
- ibaba - sa ilalim na gilid.
EXAMPLE line clearance:
-
; -
№ p / p ; -
Pangalan ; - .
parameter cells At ang huling bagay na dapat mong bigyang-pansin ang mga taong nais na malaman kung paano gumawa ng isang table sa HTML - ang mga parameter ng mga indibidwal na mga cell, parehong normal at capital. Sa katunayan, lahat ng bagay ay ginawa sa parehong paraan tulad ng para sa isang table o hilera. Ang tanging idinagdag dalawang mahahalagang elemento:
1. colspan - parameter na ito ang bilang ng mga haligi kung saan ang cell ay maaaring i-extend.
2. Rowspan - Na nagpapahiwatig ng bilang ng mga hilera na inookupahan ng cell na ito.
Dahil ang disenyo ay hindi naiiba mula sa mga de-resetang linya, hindi na ito ay magreresulta sa sample code.
napag-alaman Gumawa ng isang talahanayan ay hindi bilang mahirap bilang maaaring ito tila sa unang tingin. Ang pangunahing bagay kapag sumusulat code nito - tiyaga at pansin.
Bilang para sa kung paano upang magsingit ng isang table sa HTML, pagkatapos ay numero ng code nito ay sapat na upang kopyahin at idikit ito sa lugar ng iyong pahina, kung saan, sa inyong opinyon, ay dapat na ilagay.
Huwag matakot mag-eksperimento, at sa lalong madaling panahon ikaw ay ganap na pinagkadalubhasaan ang pamamaraan ng paglikha ng mga talahanayan. Good luck!
| |
| | |
| | | |
|