Bawo ni Lati Ṣẹda Table 2x2 kan

Awọn tabili HTML jẹ rọrun lati ṣẹda ni kete ti o ye awọn orisun ti awọn ori ila ati awọn ọwọn - ati ni kete ti o ba ye nigbati o dara lati lo tabili kan ati nigbati o yẹ ki o yago fun wọn.

Itan Alaye ti Awọn tabili ati Ṣiṣe Ayelujara

Ọpọlọpọ ọdun sẹyin, ṣaaju ki itẹwọgba CSS ati awọn idiyele wẹẹbu, awọn apẹẹrẹ oju-iwe wẹẹbu lo HTML element lati ṣe ifilelẹ oju-iwe fun awọn aaye ayelujara. Awọn aṣawe si aaye ayelujara yoo jẹ "ti ge wẹwẹ" sinu awọn ege kekere bi adojuru ati lẹhinna ni idapọ pẹlu tabili HTML kan lati ṣe ni aṣàwákiri bi a ti pinnu. O jẹ ilana ti o nira pupọ ti o da ọpọlọpọ ifamisi HTML diẹ sii ati eyi ti kii ṣe ohun elo loni ni oju-iboju ibojuwo awọn aaye ayelujara wa n gbe . Bi CSS ti jẹ ọna ti a gba fun oju-iwe ayelujara ojulowo ati ifilelẹ, lilo awọn tabili fun eyi ti di aṣiṣe ati ọpọlọpọ awọn apẹẹrẹ aaye ayelujara ti o gbagbọ pe "awọn tabili jẹ buburu." Ti o jẹ ati ki o jẹ otitọ. Awọn tabili fun ifilelẹ jẹ buburu, ṣugbọn wọn tun ni ibi kan ninu apẹrẹ ayelujara ati HTML, eyun lati ṣe afihan awọn data tabulẹti bi kalẹnda ti iṣeto ọkọ. Fun akoonu naa, lilo tabili kan jẹ ọna itẹwọgba ati ti o dara.

Nitorina bawo ni o ṣe ṣe agbekalẹ tabili kan? Jẹ ki a bẹrẹ nipa ṣiṣe ipilẹ 2x2 kan nìkan. Eyi yoo ni awọn ọwọn 2 (wọnyi ni awọn bulọọki itọnisọna) ati awọn ori ila 2 (awọn bulọọki ipade). Lẹhin ti o ti kọ tabili 2x2 kan, o le kọ tabili eyikeyi ti o fẹ fẹ nìkan nipa fifi awọn afikun awọn ori ila tabi awọn ọwọn kun.

Diri: Iwọn

Akoko ti a beere: 10 iṣẹju

Eyi ni Bawo ni:

1. Akọkọ ṣii tabili naa
2. Šii ila akọkọ pẹlu tag tag
3. Ṣii iwe akọkọ pẹlu td tag
4. Kọ awọn akoonu ti sẹẹli naa
5. Pa foonu alagbeka akọkọ ki o si ṣii keji
6. Kọ awọn akoonu ti sẹẹli keji
7. Pa foonu keji ati ki o pa ẹja
8. Kọ oju ila keji bi akọkọ
9. Lẹhinna pa tabili naa

O tun le yan lati fi awọn akọle batiri si tabili rẹ pẹlu lilo ano. Awọn akọle batiri yii yoo ropo awọn ẹka "tabili tabili" ni ila akọkọ tabili, bi eyi: