Jadvalni HTML-faylga qanday qo'shish kerak

Agar veb-saytingizga jadval qo'shmoqchi bo'lsangiz, buni HTML uchun ishlatishni o'ylab ko'rishingiz mumkin. Jadval veb-sahifani tuzishda muhim qism bo'lib, ma'lumotlarni aniq taqdim etish va veb-sayt dizaynini yaxshilashga yordam beradi. Jarayon HTML-faylni yaratishdan juda farq qilmaydi (veb-sahifangiz), shuning uchun siz allaqachon tanish bo'lsangiz, amallarni bajarish juda oson bo'ladi. Bu juda oddiy jadvaldan tortib chegaralar, sarlavha va sarlavhalar bilan stolgacha bo'lgan butun jarayonni namoyish etadi.

Chegarasiz jadvalning asosiy tartibi

Chegarasiz jadvalning asosiy tartibi
Ochiq bloknot
Chegarasiz jadvalning asosiy tartibi
Notepadni ochganingizdan so'ng, quyidagi kodni yozing:
Chegarasiz jadvalning asosiy tartibi
Faylni saqlang
Chegarasiz jadvalning asosiy tartibi
Table1 fayliga nom bering va kengaytmani .html ga o'zgartiring:
Chegarasiz jadvalning asosiy tartibi
Brauzeringizda saqlagan Table1 faylini oching va asosiy jadvalingiz quyidagi shaklda namoyish etiladi:

Chegaralangan stol

Chegaralangan stol
O'zingizning stolingizga chegarani qo'shing - bu shunchaki ochilish yorlig'iga chegara atributini qo'shishni o'z ichiga oladi
Chegaralangan stol
Chegara atributini avval ishlatilgan kodga asosiy jadvalga quyidagicha qo'shing:
  • '3' chegara qalinligini anglatadi, shuning uchun uni o'zgartirishingiz mumkin.
Chegaralangan stol
Faylni 2-jadval kabi saqlang. html kengaytmasi:
Chegaralangan stol
Brauzeringizda 2-jadvalni oching. Endi sizning asosiy jadvalingiz chegara bilan ko'rsatiladi.
Qanday qilib HTML yordamida jadval yarataman?
jadval, th, td {chegara: 1px qattiq qora; chegara-qulash: qulash; }. (Agar chegaralar bitta chegaraga yig'ilishini istasangiz, CSS-ning chegaralash-kesish xususiyatidan foydalaning.)
tumomentogeek.com © 2020