Bir qator jadvallar va ustunlar asoslarini tushunganingizdan so'ng, jadvalni ishlatish uchun foydalanganda va siz ulardan qochishingiz kerakligini tushunganingizdan so'ng, HTML jadvallarni yaratish oson.
Jadvallarning qisqacha tarixi va veb-dizayn
Ko'p yillar ilgari CSS va veb-standartlari qabul qilinishidan oldin veb-dizaynerlar saytlar uchun sahifa tartibini yaratish uchun HTML
elementidan foydalanganlar. Veb-sayt dizayni bir jumboq kabi kichik qismlarga bo'linib, brauzerda mo'ljallangan tarzda ko'rsatish uchun HTML jadvali bilan birlashtiriladi. Bu juda ham murakkab jarayon bo'lib, u juda ko'p qo'shimcha HTML formatlashni yaratdi va bugungi kunda bizning veb-saytlarimizda ko'p ekranli dunyoda hech qachon foydalana olmaydi. CSS CSS-ning ingl. Ko'rinishi va tuzilishi uchun qabul qilingan metodga aylangani sababli, bu jadvallarni ishlatishdan qochib ketdi va ko'plab veb-dizaynerlar noto'g'ri "jadvallar yomon" deb ishonishdi. Bu to'g'ri va yolg'on. Tartib jadvallari yomon, biroq veb-dizayn va HTML-da, masalan, poezdlar jadvali taqvimi kabi jadvalli ma'lumotlarni ko'rsatish uchun joy mavjud. Ushbu mazmun uchun, jadvalni qo'llash hamon qabul qilinadigan va yaxshi yondashuv hisoblanadi.
Xo'sh, qanday jadval tuzasiz? Oddiy 2x2 jadval yaratish orqali boshlaylik. Buda 2 ustun (bu vertikal bloklar) va 2 satr (gorizontal bloklar) bo'ladi. 2x2 jadvalni qurganingizdan so'ng, qo'shimcha satrlarni yoki ustunlarni qo'shib, xohlagan o'lchov jadvalini yaratishingiz mumkin.
Muammo: O'rtacha
Vaqt kerak: 10 daqiqa
Qanday qilib:
- Avval
jadvalini oching - Birinchi qatorni tr tagida
oching - Birinchi ustuni td tagida
bilan oching - Hujayra tarkibini yozing
- Birinchi xonani yoping va ikkinchi td>
ni oching - Ikkinchi hujayraning mazmunini yozing
- Ikkinchi xonani yoping va satrni yoping td> tr>
- Ikkinchi qatorni birinchi
td> | td> tr> - Keyin stolni yoping table>
Bundan tashqari, jadvalga | elementini ishlatib jadval jadvalini qo'shishni tanlashingiz mumkin. Ushbu jadvallar satrlari yoki jadval jadvali birinchi satr satrida shunday bo'ladi:
Ism th> | rolik tr> tr> | Jeremy td> | Ustasi td> tr> td> Jennifer td> | Tuzuvchi td> | tr> table> Ushbu sahifa brauzerda paydo bo'lganda, jadval satrlari bilan birinchi satr odatda qalin matnda ko'rsatiladi va ular paydo bo'lgan jadval xonasida joylashgan bo'ladi.
Xo'sh, HTMLda jadvallarni ishlatish to'g'ri bo'ladimi? Ha - ularni sizning maqsadingiz uchun foydalanmaguningizcha. Agar nusxa olish ma'lumotlarini ko'rsatish kerak bo'lsa, jadvalni qilishning usullaridan biri. Haqiqatan ham, ba'zi bir noto'g'ri tozalik tufayli, ushbu qonuniy HTML elementidan qochish uchun stoldan qochish, bu kun va yoshdagi tartibga asoslanadigan sabablarga ko'ra ulardan foydalanishdir.
Jenifer Kyrin yozgan. Jeremy Girard tomonidan 8/11/16 da tahrirlangan
| | |