HTML taškus lengva sukurti, kai suprasite eilučių ir stulpelių pagrindus - taip pat, kai jūs suprasite, kada yra gerai, jei naudojate lentelę ir kada jūs jas reikėtų vengti.
Trumpa lentelių istorija ir Web dizainas
Prieš daugelį metų, prieš priimant CSS ir interneto standartus, interneto dizaineriai naudojo elementą HTML
, kad sukurtumėte svetainių puslapių išdėstymą. Tinklalapio dizainas būtų "supjaustytas" į smulkius gabalėlius kaip galvosūkis, o vėliau kartu su HTML lenteliu, kuris bus pateiktas naršyklėje, kaip numatyta. Tai buvo labai sudėtingas procesas, sukūręs daug papildomo HTML žymėjimo ir kuris niekada nebūtų naudojamas šiandien daugiaekraniuose pasauliuose, kuriuose gyvena mūsų tinklalapiai . Kadangi CSS tapo priimtinu tinklalapių vizualizavimo ir išdėstymo metodu, lentelių naudojimas tam pasikeitė, o daugelis interneto dizainerių klaidingai manė, kad "lentelės buvo blogos". Tai buvo ir yra netiesa. Išdėstymo lentelės yra blogos, tačiau jie vis dar turi vietą interneto dizaino ir HTML, būtent rodyti lentelių duomenis, pavyzdžiui, traukinių tvarkaraščio kalendorių. Dėl šio turinio naudojant lentelę vis dar yra priimtinas ir geras požiūris.
Taigi, kaip jūs išdėstėte stalą? Pradėkime nuo tiesioginio 2x2 lentelės sukūrimo. Tai turės 2 stulpelius (tai yra vertikalūs blokai) ir 2 eilutės (horizontalieji blokai). Sukūrę 2x2 lentelę, galite sukurti bet kokio dydžio lentelę, kurią norėtumėte paprasčiausiai pridėti papildomų eilučių ar stulpelių.
Sunkumas: vidutiniškai
Reikalingas laikas: 10 minučių
Štai kaip:
- Pirmiausia atidarykite lentelę
- Atidarykite pirmąją eilutę su tr žyma
- Atidarykite pirmąjį stulpelį su Td žyma
- Parašykite ląstelės turinį
- Uždarykite pirmąją langelį ir atidarykite antrąjį
- Parašykite antrosios ląstelės turinį
- Uždarykite antrąją langelį ir uždarykite eilutę
- Antrąją eilutę įrašykite tiksliai kaip pirmą
| | - Tada uždarykite lentelę
Galite taip pat pasirinkti lentelės antraštes prie lentelės naudodami | elementą. Šios lentelių antraštės pakeistų "lentelės duomenų" elementus pirmajame lentelės eilutėje, pvz .:
| pavadinimas | vaidmuo | | Jeremy | dizaineris td> Jennifer | Kūrėjas | Kai šis puslapis bus rodomas naršyklėje, ta pirmoji eilutė su lentelių antraštėmis pagal nutylėjimą bus rodoma paryškintu tekstu, o jie bus sutelkti į lentelės langelį, kuriame jie rodomi.
Taigi, ar gerai naudoti lenteles HTML? Taip - tol, kol nenaudojate jų išdėstymo tikslais. Jei jums reikia pateikti lentelės informaciją, tai yra būdas tai padaryti lentelėje. Tiesą sakant, vengiant stalo dėl netinkamo grynumo, kad šis teisėtas HTML elementas nebūtų naudojamas taip, kaip juos panaudoti dėl išdėstymo priežasčių šios dienos ir amžiaus.
Parašė Jennifer Kyrin. Redagavo Jeremy Girard 16/11/16
| | |