Tabelat HTML janë të lehta për t'u krijuar sapo të kuptoni bazat e rreshtave dhe kolonave - dhe gjithashtu sapo të kuptoni se kur është mirë të përdorni një tabelë dhe kur duhet t'i shmangni ato.
Një Histori e shkurtër e Tabelave dhe Web Design
Shumë vite më parë, para se të pranonin standardet e CSS dhe web, web designers përdorën elementin HTML
për të krijuar faqosje faqe për faqet. Hartat e internetit do të ishin "copëtuar" në copa të vogla si një mister dhe pastaj të kombinuara me një tryezë HTML që do të shndërroheshin në shfletues ashtu siç duhej. Ishte një proces shumë kompleks që krijoi shumë HTML markup shtesë dhe të cilat kurrë nuk do të ishin të përdorshme sot në botën me shumë ekran që jetojnë në faqet tona . Pasi që CSS u bë metoda e pranuar për pamjen dhe paraqitjen e faqes së internetit, përdorimi i tabelave për këtë u shmang dhe shumë dizajnerë të web-it gabimisht besonin se "tavolinat ishin të këqija". Kjo ishte dhe është e pavërtetë. Tabelat për paraqitjen janë të këqija, por ato ende kanë një vend në web design dhe HTML, përkatësisht për të shfaqur të dhëna tabelare si një kalendar kalendarësh trenash. Për këtë përmbajtje, përdorimi i një tabele është ende një qasje e pranueshme dhe e mirë.
Pra, si mund të vendosni një tavolinë? Le të fillojmë duke krijuar një tavolinë thjesht 2x2. Kjo do të ketë 2 kolona (këto janë blloqet vertikale) dhe 2 rreshta (blloqet horizontale). Pasi të keni ndërtuar një tabelë 2x2, mund të ndërtoni çdo tabelë madhësie që dëshironi thjesht duke shtuar rreshta ose kolona shtesë.
Vështirësia: mesatare
Koha e kërkuar: 10 minuta
Ja si:
- Së pari hapni tryezën
- Hapni rreshtin e parë me tagun tr tr
- Hapni kolonën e parë me td tag
- Shkruani përmbajtjen e qelizës
- Mbyllni qelizën e parë dhe hapni të dytë
- Shkruani përmbajtjen e qelizës së dytë
- Mbyllni qelizën e dytë dhe mbyllni rreshtin
- Shkruani rreshtin e dytë pikërisht si e para
| | - Pastaj mbyll tabelën
Ju gjithashtu mund të zgjidhni të shtoni headers tavolinë në tryezën tuaj duke përdorur elementin | . Këto kokë tabela do të zëvendësonin copa ose "të dhënat e tabelave" në rreshtin e parë të tabelës, si kjo:
| | | | td> Jennifer | Zhvilluesi | Kur kjo faqe do të shfaqej në shfletuesin, rreshti i parë me kokëza të tabelave do të shfaqeshin në tekst të guximshëm dhe do të përqendroheshin në qelizën e tabelës në të cilën shfaqen.
Pra, a është mirë të përdorësh tabelat në HTML? Po - për sa kohë që nuk i përdorni ato për qëllime të paraqitjes. Nëse keni nevojë të shfaqni informacione tabelare, një tabelë është mënyra për ta bërë këtë. Në fakt, shmangia e një tryeze për shkak të disa pastërtisë së gabuar për të shmangur këtë element të legjitimuar HTML është po aq i prapëm sa duke i përdorur ato për arsye të paraqitjes në këtë ditë dhe moshë.
Shkruar nga Jennifer Kyrin. Redaktuar nga Jeremy Girard më 8-11-16
| |