Tagapagsalita 1: Ipagpalagay na mayroon kang ilang mga sa hugis ng mga talaan ng data na nais mong layout sa isang web page sa isang table, may hanay at haligi. Paano maaari naming gawin ito? Well, nang maaga dito na nakuha ko Magsimula sa table.html, na may ilang mga bukas mga tag at ang ilang mga nakasarang mga tag. Sa loob ng katawan ngayon, sabihin isama ang tag talahanayan. At preemptively, kaya lang gagawin ko hindi kalimutan na isama ng malapit talahanayan ipaalam tag pati na rin. Sa loob ng na, sabihin tukuyin isang hilera ng talahanayan na may isang tr tag. At, din preemptively, isara iyon. Ngayon sa loob ng hilera na ito, ni tukuyin hayaan ang haligi o ang data na iyon ay sa loob ng mga hanay, o ng mga cell ng nakapaloob doon. Upang gawin ito, gamitin hayaan ang td tag para sa data table. Buksan bracket td malapit bracket. At ngayon, kung paano tungkol sa sisimulan namin ang simulating mga numero ng telepono ay. Magsimula tayo sa isa Hayaan, at pagkatapos ay isara ang talahanayan tag na data. Buksan ang isang bagong isa na may 2 Hayaan. Isara isa din iyon. At pagkatapos ay isang third. td 3 malapit td. Saan ako pagpunta sa ito? Well, inaangkin ko na dahil mayroon kaming hilera ng talahanayan, sa loob ng saan ay mayroon kaming tatlong talahanayan datas, lubos kaming magkaroon ang Beginnings ng isang talahanayan na may isang hilera at tatlong hanay. Ngayon magbigay ng ito ng ilang Hayaan karagdagang mga hilera. Nasa ibaba ang malapit tr tag, buksan ng ipaalam isa pang tr tag, at preemptively malapit na ang isa pati na rin. Sa loob ng na, sabihin ngayon gawin td 4, td 5, at td 6. Sa ibaba hilera na, ni gawin sa isang third ipaalam. Buksan ang talahanayan hilera, isara ang hilera ng talahanayan. Sa Loob ng iyon, td 7, td 8, at td 9. Panghuli, upang tiyakin lamang kagiliw-giliw na mga bagay, kumpletuhin ng ibaba ipaalam ng ito pad telepono. Buksan tr at malapit tr. At sa loob ng na, td bituin, td 0, at td pound. Hayaan ngayong i-save ang file na ito, ang pagbabagong mga pahintulot nito, at tingnan ito sa isang browser. Chmod isang + r table.html. Ngayon buksan ng Chrome Hayaan. http://localhost/table.html. At doon ay mayroon kaming ano lumilitaw upang maging isang HTML talahanayan. Mukhang hindi ito mukhang inaasahan ko. Sabihin ng hindi bababa sa magdagdag ng isang hangganan sa paligid ngayon lahat ng mga cell table. Sabihin bumalik sa gedit at mag-scroll hanggang sa talahanayan tag mismo. At magdagdag ng isang katangian, na kilala bilang ipaalam "Border," na tumutukoy sa pang-numero halaga para sa lapad ng border. Ay katumbas ng Border quote magpanipi 1, kung saan 1 Tinutukoy ang lapad ng border ng talahanayan. I-save ang mga file at i-reload Hayaan ang pahina sa aking browser. Bumalik sa Chrome, i-reload. At doon mayroon namin ito. Tunay na pangit, ngunit gayunman sa hugis ng mga talaan ng data.