HTML-taulukoita on helppo luoda, kun ymmärrät rivien ja sarakkeiden perusteet, ja myös kun ymmärrät, kun on hyvä käyttää taulukkoa ja kun haluat välttää ne.
Taulukkojen lyhyt historia ja webdesign
Monta vuotta sitten, ennen CSS: n ja web-standardien hyväksymistä, web-suunnittelijat käyttivät HTML: tä
elementti sivun asettelun luomiseksi sivustoille. Verkkosivustot olisi "leikattu" pieniksi paloiksi, kuten palapeliin ja yhdistettäisiin sitten HTML-taulukkoon, joka selaimessa olisi tarkoitus suunnitella. Se oli hyvin monimutkainen prosessi, joka loi paljon ylimääräisiä HTML-merkintöjä ja jota ei koskaan käytetä nykyään monen näytön maailmassa, jossa verkkosivustemme asuvat. Koska CSS: stä tuli hyväksytty menetelmä verkkosivun visuaalisille ja ulkoasulle, taulukkojen käyttö tästä tuli shunned ja monet web-suunnittelijat virheellisesti uskoivat, että "pöydät olivat huonoja." Se oli ja on epätosi. Taulukoiden ulkoasu on huono, mutta niillä on edelleen paikka web-suunnittelussa ja HTML-muodossa, nimittäin näyttämään taulukkotietoja, kuten kalenterin tai junan aikataulua. Tästä sisällöstä taulukon käyttö on edelleen hyväksyttävä ja hyvä lähestymistapa.
Joten miten järjestät taulukon? Aloita luomalla yksinkertaisesti 2x2-taulukko. Tässä on kaksi saraketta (nämä ovat pystysuorat lohkot) ja 2 riviä (horisontaaliset lohkot). Kun olet rakentanut 2x2-taulukon, voit rakentaa haluamasi kokotaulukon lisäämällä lisää rivejä tai sarakkeita.
Tässä on miten
-
Avaa ensin pöytä
-
Avaa ensimmäinen rivi tr-tunnuksella
-
Avaa ensimmäinen sarake td-tunnisteen avulla
|
-
Kirjoita solun sisältö
-
Sulje ensimmäinen solu ja avaa toinen
|
-
Kirjoita toisen solun sisältö
-
Sulje toinen solu ja sulje rivi
-
Kirjoita toinen rivi juuri ensimmäisenä
| | |
-
Sulje sitten pöytä
-
Se siitä!
Voit myös lisätä taulukon otsikoita taulukkoon käyttämällä
elementti. Nämä taulukon otsikot korvaavat ensimmäisen taulukon rivin "taulukon tiedot" palat, kuten:
| Nimi | Rooli | | Jeremy | Suunnittelija | Jennifer | Kehittäjä |
Kun tämä sivu olisi selaimessa, se taulukon otsikoiden ensimmäinen rivi näkyisi oletusarvoisesti lihavoituna ja ne keskittyvät taulukon soluun, johon ne näkyvät.
Joten, onko se hyödyllistä käyttää taulukoita HTML: ssä?
Kyllä, niin kauan kuin et käytä niitä ulkoasutarkoituksiin, on hyvä käyttää taulukoita. Jos haluat näyttää taulukkotietoja, taulukko on tapa tehdä niin. Itse asiassa välttää taulukko, koska jotain vääriä puhtautta, jotta tämä legitiimi HTML-elementti poistetaan, on yhtä taakse kuin käyttää niitä ulkoasun syistä tällä hetkellä.
Kirjoittanut Jennifer Kyrin. Toimittaja Jeremy Girard.
|
