HTML кестелерін жолдар мен бағандардың негіздерін түсінгеннен кейін ғана жасауға болады - сонымен қатар кестені пайдаланудың сәті болған кезде және оларды болдырмау керек болғанда түсінесіз.
Кестелердің қысқаша тарихы және веб-дизайн
Көптеген жылдар бұрын, CSS және веб стандарттарына қолайлы болғанға дейін веб-дизайнерлер сайттар үшін бет орналасуын жасау үшін HTML
элементін пайдаланды. Веб-сайт конструкциялары басқатырғыштар сияқты кішкене бөліктерге бөлініп, браузерде көрсетілгендей HTML кестесімен біріктіріледі. Көптеген қосымша HTML түзетулерін жасаған және біздің веб-сайттарымызда өмір сүретін көп экранлы әлемде бүгін ешқашан қолданылмайтын өте күрделі процесс. CSS веб-беттердің көрнекі және макеті үшін қабылданған әдіс болғандықтан, бұл кестелерді пайдаланудан аулақ болды және көптеген веб-дизайнерлер қате «үстелдер жаман» деп сенді. Бұл дұрыс және дұрыс емес. Орналастыруға арналған кестелер нашар, бірақ олар әлі де веб-дизайнда және HTML-да, яғни поезд кестесінің күнтізбесі сияқты кестелік деректерді көрсету үшін орын алады. Бұл мазмұнды пайдалану үшін кестені пайдалану әлі де қолайлы және жақсы.
Сонымен, сіз кестені қалай орналастырасыз? Жай 2x2 кестені жасау арқылы бастаймыз. Бұл 2 бағанға (тік блоктар) және 2 жолға (көлденең блоктар) ие болады. 2x2 кестесін жасағаннан кейін қосымша жолдарды немесе бағандарды қосу арқылы сіз қалаған кез келген өлшемдер кестесін құра аласыз.
Күрделілігі: орташа
Қажетті уақыт: 10 минут
Мұнда қалай:
- Алдымен
кестесін ашыңыз - Бірінші тегті tr тегімен
ашыңыз -
тегі белгісімен бірінші бағанды ашыңыз - Ұяшықтың мазмұнын жазыңыз
- Бірінші ұяшықты жауып, екінші
ашыңыз - Екінші ұяшықтың мазмұнын жазыңыз
- Екінші ұяшықты жабыңыз және жолын жабыңыз
- Екінші жолды бірінші
| | - Содан кейін кестені жабыңыз
Кесте үстіңгі деректемелерін | элементін пайдаланып қосуыңызға болады. Бұл кесте тақырыптары бірінші кесте жолындағы немесе «кесте деректерін» бөліктерін келесідей ауыстырады:
| Аты | рөлі | | Jeremy | Дизайнер td> Jennifer | Әзірлеуші | Бұл бет браузерде көрсетілетін болса, кесте тақырыптары бар бұл бірінші жол әдепкі бойынша қалың мәтінде көрсетіледі және олар пайда болған кесте ұяшығына ортақ болады.
Мәселен, HTML-де кестелерді пайдалану дұрыс па? Иә - сіз оларды жоспарлау мақсаттарында пайдаланбасаңыз. Кестелік ақпаратты көрсету қажет болса, кесте - мұны істеу жолы. Шын мәнінде, бұл легитимді HTML элементінен аулақ болу үшін кейбір дұрыс емес тазалықтың себебінен кестеден аулақ болу, бұл күн мен жастағы орналасу себептері бойынша оларды пайдалану сияқты артқа қарай.
Жазған Дженнифер Кирин. Jerimy Girard: 8/11/16
| | |