HTML-taulukoita on helppo luoda, kun ymmärrät rivien ja sarakkeiden perusteet - ja myös kerran, kun ymmärrät, kun on hyvä käyttää taulukkoa ja milloin sinun pitäisi 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
-elementtiä sivujen asettelun luomiseksi sivustoille. Verkkosivustot olisi "leikattu" pieniksi paloiksi, kuten palapeliin ja yhdistettäisiin sitten HTML-taulukkoon, joka selaimessa olisi tarkoitus suunnitella. Se oli erittäin monimutkainen prosessi, joka loi paljon ylimääräistä HTML-merkintää 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älle sivulle hävisi ja monet web-suunnittelijat luulivat virheellisesti, että "pöydät olivat huonoja". Se oli ja on epätosi. Asettelutaulut ovat huonoja, mutta niillä on vielä paikka web-suunnittelussa ja HTML-muodossa, nimittäin näyttämään taulukkotietoja, kuten aikataulun kalenteri. 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.
Vaikeus: Keskimääräinen
Vaadittava aika: 10 minuuttia
Tässä on kuinka:
- Avaa ensin taulukko
- Avaa ensimmäinen rivi tr-tagilla
- Avaa ensimmäinen sarake td-tunnisteen
avulla - Kirjoita solun sisältö
- Sulje ensimmäinen solu ja avaa toinen td>
- Kirjoita toisen solun sisältö
- Sulje toinen solu ja sulje rivi td> tr>
- Kirjoita toinen rivi täsmälleen ensimmäisenä
td> | td> tr> - Sulje sitten taulukko table>
Voit myös lisätä taulukon otsikoita taulukkoon käyttämällä | -elementtiä. Nämä taulukon otsikot korvaavat ensimmäisen taulukon rivin tai "taulukon tiedot" palat seuraavasti:
tr> | Jeremy td> | Designer td> td> | td> Jennifer td> | Kehittäjä td> | tr> table> 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ä asetteluun. Jos haluat näyttää taulukkotietoja, taulukko on tapa tehdä niin. Itse asiassa välttää taulukko, koska joitakin vääriä puhtautta, jotta vältytään tämä legitmate HTML-elementti on niin taakse kuin käyttää niitä ulkoasun syistä tällä hetkellä ja iän.
Kirjoittanut Jennifer Kyrin. Julkaisija Jeremy Girard 16.11.16
| |