HTML-lahtreid on lihtne luua, kui mõistate ridade ja veergude põhitõdesid - ja ka siis, kui saate aru, millal on tabeli kasutamiseks OK ja kui peaksite neid vältima.
Lühike ajalugu tabelite ja Web Design
Paljud aastaid tagasi, enne CSSi ja veebistandardite aktsepteerimist, kasutasid veebidisainerid HTML
elementi, et luua saitide lehtede paigutust. Veebilehe disainilahendused oleksid viilud väikesteks tükkideks nagu näiteks mõistatused ja siis kombineerituna HTML-tabeliga brauseri kujundamiseks ettenähtud viisil. See oli väga keeruline protsess, millega loodi palju HTML-i lisamärke ja mida enam ei kasutata tänapäeval meie veebisaitide eluea mitmes ekraanis . Kuna CSS sai veebisaitide visuaalide ja kujunduse aktsepteeritud meetodiks, hakkasid tabeleid selle kasutamise jaoks vältima ja paljud veebidisainerid eksisid arvates, et tabelid olid halb. See oli ja on vale. Paigaldamise tabelid on halb, kuid neil on ikkagi veebidisain ja HTML, see tähendab, et näidata tabelis andmeid, näiteks rongide ajakava kalendrit. Selle sisu jaoks on tabeli kasutamine siiski vastuvõetav ja hea lähenemisviis.
Niisiis, kuidas panete lauale? Alustame lihtsalt 2x2 tabeli loomisega. Sellel on 2 veergu (need on vertikaalsed plokid) ja 2 rida (horisontaalsed plokid). Kui olete 2x2 tabeli ehitanud, saate luua mis tahes suurusega tabeli, mida soovite lihtsalt lisades täiendavaid ridu või veerge.
Raskusaste: Keskmine
Nõutav aeg: 10 minutit
Siin on järgmine:
- Esmalt avage tabel
- Ava esimene rida, tr tr
- Avage esimene veerg sildiga td
- Kirjutage lahtri sisu
- Sulgege esimene kamber ja avage teine
- Kirjutage teise lahtri sisu
- Sulgege teine lahter ja sulgege rida
- Kirjuta teine rida täpselt nagu esimene
| | - Seejärel sulgege tabel
Võite ka tabeli päiste lisamiseks kasutada | elementi. Need tabeli päised asetaksid tabelisse või "tabeli andmed" esimesse tabeli reale, nagu näiteks:
| nimi | roll | | Jeremy | disainer td> Jennifer | Arendaja | Kui see leht muudab brauseri, siis paneb tabeli päiste esimene rida vaikimisi paksus kirjas ja need asetsevad lahtris olevas lahtris.
Niisiis, kas HTML-i tabelite kasutamine on õige? Jah - nii kaua, kui te ei kasuta neid paigutuseesmärkidel. Kui peate kuvama tabeliteavet, on see nii tabel. Tegelikult välditakse tabelit mõne vale puhtuse tõttu, et seda legitiimat HTML-elementi vältida, on see samaaegselt samamoodi kui tagasihoidlik, kui kasutada seda paigutuse jaoks sellel päeval ja vanusena.
Kirjutas Jennifer Kyrin. Redigeeris Jeremy Girard, 8. septembril 16
| | |