Kuidas lisada tabelit HTML-faili

Kui soovite oma veebisaidile tabeli lisada, võiksite kaaluda selleks HTML-i kasutamist. Tabel on veebilehe paigutuse oluline osa ja see aitab teavet selgelt esitada ja teie veebisaidi kujundust täiustada. Protsess ei erine väga HTML-faili (teie veebilehe) loomisest, nii et kui olete sellega juba tuttav, on samme väga lihtne järgida. See näitab kogu protsessi alates väga lihtsast tabelist kuni tabelini koos ääriste, pealkirja ja pealkirjadega.

1
Ava märkmik

2
Kui olete märkmiku avanud, kirjutage järgmine kood:

3
Salvestage fail

4
Nimetage faili Tabel1 ja muutke laiendiks html:

5
Avage brauseris salvestatud fail Table1 ja teie põhitabel kuvatakse järgmisel kujul:

6
Lisage oma tabelile ääris – see hõlmab lihtsalt äärise atribuudi lisamist avamissildile

7
Lisage koodile atribuut border, mida kasutasite varem põhitabelina järgmiselt: “3” tähistab äärise paksust, nii et saate seda muuta.

8
Salvestage fail tabelina 2 koos. html laiend:

9
Avage brauseris tabel 2. Teie põhitabel kuvatakse nüüd koos äärisega.

10
Tabel äärisega, tabeli pealkiri ja pealkirjad Artikli allalaadimine

11
Lisage koodielemendid, mis lisavad tabeli pealkirja, nagu allpool näidatud: märgendid ‘th’ määravad pealkirjad, nad tsentreerivad pealkirjad ja kuvavad selle vaikimisi paksus kirjas; “COLSPAN=n” – kasutatakse pealkirja üle veergude ületamiseks, “n†— kirjeldab veergude arvu. Kuna meie tabelis on 3 veergu, siis selles näites ‘colspan=3′;Kui soovite tabeli pealkirja suurendada ja selle kohale lisada lisarea, kirjutage järgmine tekst code:’h3’ käsib brauseril kuvada pealkirja suuremas kirjas; ‘br’ – kasutatakse tühiku loomiseks tabeli pealkirja kohale. Lisage üksikud veerupealkirjad – veerg 1, veerg 2, veerg 3. Kirjutage järgmised koodielemendid oma HTML-faili. Nagu näete ülaltoodud näitest, lisati veergude 1, 2 ja 3 loomiseks lisarida (‘tr’). Üksikud veerud on määratletud ‘th’-märgendite abil. Kuna need koodid tsentreerivad vaikimisi pealkirjad ja määravad need paksuks, ei lisatud päistesse muid atribuute;Salvestage fail tabelina 3 laiendiga html:Ava yo Kui sisestate brauseris tabeli 3 faili, kuvatakse teie tabel järgmisel kujul:

12