HTML-taulukko - 3
Uutta, toteutetaan käytännössä se, mitä olemme keskustelleet. Lisäämme 500 pikselin leveä taulukko Template5.html-tiedostoosi. Haluamme, että taulukossa on kolme riviä, yksi laatikko jokaisen rivin sisällä, yhden pikselin leveys reunalla ja solujen sisältö keskitetty. Kun olet luonut taulukon, siirrä "Hello World" ylemmän solun sisään (rivi 1 - solu 1). Siirrä sitten kirjasintunnisteet ja "Kirjoita tähän" toisen rivin soluun (rivi 2 - solu 1). Lopuksi jätä rivi 3 - solu 1 tyhjäksi. Avaa Template5.html-tiedosto tekstieditoriin, lisää seuraava koodi ja tallenna uusi tiedosto mallina6.html.

Taulukko - lähdekoodi





Hei maailma

Tulla sisään
Tässä


Huomautus--Nuoli osoittaa, että koodi on kääritty toiselle riville ja sen pitäisi todella olla kaikkien yhdellä rivillä.

Malline6.html - lähdekoodi


Hei maailma









Hei maailma

Tulla sisään
Tässä




Huomautus--Nuoli osoittaa, että koodi on kääritty toiselle riville ja sen pitäisi todella olla kaikkien yhdellä rivillä.

Avaa nyt Template6.html -selaimesi ja katsele uutta taulukkoasi. Haluat ehkä merkitä tämän oppaan kirjanmerkkeihin. Luomme useita taulukoita seuraavien useiden artikkeleiden aikana. Voit jatkaa taulukon kokeilua lisäämällä, poistamalla ja muuttamalla attribuutti- / arvopareja jokaiselle tunnisteelle. Kun olet valmis, laita koodi Template6.html-tiedostoon takaisin yllä olevaan koodiin ja tallenna se uudelleen.

← Takaisin

|



Video-Ohjeita: HTML Tutorial - Osa 4 - Taulukko viivat (Huhtikuu 2024).