Madaling gamitin ang mga talahanayan ng HTML sa sandaling naintindihan mo ang mga pangunahing kaalaman ng mga hilera at hanay - at sa sandaling naiintindihan mo kapag OK na gumamit ng isang talahanayan at kapag dapat mong iwasan ang mga ito.
Isang Maikling Kasaysayan ng Mga Tabla at Disenyo sa Web
Maraming taon na ang nakararaan, bago matanggap ang mga pamantayan ng CSS at web, ginamit ng mga web designer ang HTML
na elemento upang lumikha ng layout ng pahina para sa mga site. Ang mga disenyo ng website ay "hiniwa" sa maliliit na piraso tulad ng isang palaisipan at pagkatapos ay pinagsama sa isang talahanayan ng HTML upang mag-render sa browser ayon sa inilaan. Ito ay isang napaka-kumplikadong proseso na lumikha ng maraming dagdag na markup ng HTML at hindi kailanman magagamit sa ngayon sa multi-screen na mundo ang aming mga website ay naninirahan . Tulad ng CSS ay naging tinanggap na paraan para sa mga visual at layout ng webpage, ang paggamit ng mga talahanayan para sa ito ay naging shunned at maraming mga designer sa web nagkamali naniniwala na ang "mga table ay masama." Iyon ay at hindi totoo. Ang mga table para sa layout ay masama, ngunit mayroon pa rin silang isang lugar sa disenyo ng web at HTML, katulad ng pagpapakita ng mga hangganan ng data tulad ng kalendaryo ng iskedyul ng tren. Para sa nilalamang iyon, ang paggamit ng isang talahanayan ay isang katanggap-tanggap at mahusay na pamamaraan.
Kaya paano ka naka-layout ng isang table? Magsimula tayo sa pamamagitan ng paglikha ng simpleng 2x2 table. Magkakaroon ito ng 2 haligi (ang mga ito ay ang mga vertical na bloke) at 2 mga hanay (ang mga pahalang na bloke). Matapos mong maitayo ang isang talahanayan ng 2x2, maaari kang bumuo ng anumang laki ng talahanayan na gusto mo sa pamamagitan lamang ng pagdaragdag ng mga karagdagang hilera o mga haligi.
Pinagkakahirapan: Karaniwan
Kinakailangang Oras: 10 minuto
Narito Paano:
- Una buksan ang table
- Buksan ang unang hilera gamit ang tr tag
- Buksan ang unang haligi gamit ang td tag
- Isulat ang mga nilalaman ng cell
- Isara ang unang cell at buksan ang pangalawang
- Isulat ang mga nilalaman ng pangalawang cell
- Isara ang pangalawang cell at isara ang hilera
- Isulat ang ikalawang hanay nang eksakto tulad ng unang
| | - Pagkatapos isara ang talahanayan
Maaari mo ring piliin na magdagdag ng mga header ng talahanayan sa iyong talahanayan gamit ang elementong | . Ang mga header ng talahanayan ay papalitan ang mga piraso ng "talahanayan ng data" sa unang talahanayan ng talahanayan, tulad nito:
| Name | Role | | Jeremy | td> Jennifer | Developer | Kapag ang pahinang ito ay magre-render sa browser, ang unang hilera na may mga talahanayan ng talahanayan ay, sa pamamagitan ng default, ay ipapakita sa naka-bold na teksto at sila ay nakasentro sa talahanayan ng cell na lumilitaw.
Kaya, OK ba na Gumamit ng Mga Table sa HTML? Oo - hangga't hindi mo ginagamit ang mga ito para sa mga layunin ng layout. Kung kailangan mong magpakita ng impormasyon sa hugis ng mga talaan, ang isang talahanayan ay ang paraan upang gawin ito. Sa katunayan, ang pag-iwas sa isang table dahil sa ilang mga naligaw ng landas na kadalisayan upang iwasan ang legitmate na elemento ng HTML ay bilang paurong gaya ng paggamit sa mga ito para sa mga dahilan ng layout sa araw at edad na ito.
Nakasulat ni Jennifer Kyrin. Na-edit ni Jeremy Girard noong 8/11/16
| | |