WikiDer > Yordam: Jadvalning asosiy belgilanishi - Vikipediya

Help:Basic table markup - Wikipedia

Ushbu yordam sahifasida jadvallar uchun asosiy wiki belgilanishi tasvirlangan. Batafsil ma'lumot uchun iltimos, qarang Yordam: Jadval.

Kirish

Asosiy jadval uchun quyidagilar belgilanadi. Ushbu belgilarning barchasi yangi qatordan boshlanishi kerak, bundan tashqari !! va ||.

{|

Jadval boshlanishiBu stol ochadi

|+

Jadval sarlavhasiU sarlavha qo'shadi.

|-

Jadval qatoriU qatorlarni ajratadi (lekin birinchi qator uchun bu ixtiyoriy).

!

Sarlavha katakchasiIxtiyoriy ravishda keyingi qatorga joylashtirilishi mumkin bo'lgan sarlavha katakchasini qo'shadi.

!!

Xuddi shu qatorda sarlavha katakchalariSarlavha katakchalari ikki qator bilan ajratilgan bir qatorga qo'shilishi mumkin.

|

Ma'lumotlar xujayrasiU ixtiyoriy ravishda keyingi qatorga joylashtirilishi mumkin bo'lgan ma'lumotlar katakchasini qo'shadi. Quyidagi "atributlarni ajratuvchi" ga qarang.

||

Xuddi shu qatorda ma'lumotlar katakchalariIkkala belgilar bilan ajratilgan bir qatorda ma'lumotlar katakchalari qo'shilishi mumkin.

|

Xususiyatlarni ajratuvchiU HTML atributlarini hujayra tarkibidan (ikkala ma'lumot yoki sarlavha) yoki sarlavha tarkibidan ajratish uchun ishlatiladi.

|}

Jadval oxiriU stolni yopadi.

Namuna jadvali

{| class = "wikitable" | + Taglavha: misol jadvali | -! header1! header2! header3 | - | qator1cell1 | qator1cell2 | row1cell3 | - | row2cell1 | row2cell2 | row2cell3 |}

Bu quyidagilarni keltirib chiqaradi:

Taglavha: misollar jadvali
sarlavha1sarlavha2sarlavha3
qator1cell1qator1cell2qator1cell3
qator2cell1qator2cell2qator2cell3

{| stol ochadi va |} uni yopadi. class = "wikitable" Vikipediyada juda ko'p jadvallar bilan ishlatiladi va ba'zi standart formatlarni qo'shadi va xuddi shu qatorda amal qiladi {|.

| + Sarlavha: misol jadvali jadvalning yuqori qismiga "Taglavha: misol jadvali" sarlavhasini qo'shadi. Izoh ixtiyoriy.

Ustunlar sarlavhalari tomonidan yaratilgan ! ustun nomi. Hujayralar tomonidan yaratilgan | hujayra matni. Qatorlar orasidagi bo'luvchi |-. Siz shunchaki yopishtirish orqali qo'shimcha ustun qo'shishingiz mumkin ! yangi ustun nomi oxirgi ustun nomining oxirida. Ushbu ustundagi katakchalarni to'ldirish uchun har bir satrga yana bitta katak qo'shishingiz kerak: uni yozib to'ldiring | hujayra matni. Agar qo'shimcha qator qo'shmoqchi bo'lsangiz, shunchaki qo'shing |- jadvalga qo'ying va qancha katakchalar mos bo'lsa, ularni to'ldiring.

Shuni ta'kidlash kerakki, har bir satrda teng miqdordagi kataklar bo'lishi kerak (agar satrlar qatori yoki kolspan tomonidan bekor qilinmasa, quyida ko'rib chiqing).

Satr boshidagi bo'sh joylarga e'tibor berilmaydi. Shunday qilib | qator1cell1 va | qator1cell1 bir xil. Quvur qo'shish uchun (|) belgisini hujayra tarkibiga qo'shganda, ni ishlatishingiz kerak <nowiki> belgilash.

Jadvallar bilan ikkita belgidan foydalanish

Yuqoridagi belgi yangi satrdan boshlanishi kerak. Bunga hujayra belgilanishi kiradi (| va !). Ammo ikki qavatli belgi (|| va !!) ixtiyoriy ravishda bitta qatorga ketma-ket kataklarni qo'shish uchun ishlatilishi mumkin.

Masalan, bu yuqoridagi jadvalni ishlab chiqaradi:

{| class = "wikitable" | + Taglavha: misol jadvali | -! header1 !! header2 !! header3 | - | row1cell1 || row1cell2 || row1cell3 | - | row2cell1 || row2cell2 || row2cell3 |}

Kolumma va satr sarlavhasi katakchalari

Sarlavha kataklari ustun yoki satr sarlavhasi kataklari bo'lishi mumkin. Masalan, quyidagi jadvalda ikkalasi ham mavjud:

{| class = "wikitable" | + Taglavha: misol jadvali | -! ! ustun sarlavhasi1! ustun sarlavhasi2 | -! qatorboshi1 | qator1cell1 | row1cell2 | -! qatorboshi2 | row2cell1 | row2cell2 |}

Qaysi ishlab chiqaradi:

Taglavha: misollar jadvali
ustun sarlavhasi1ustun sarlavhasi2
satrboshi1qator1cell1qator1cell2
satr boshi2qator2cell1qator2cell2

HTML atributlari

HTML atributlari ko'pincha turli sabablarga ko'ra jadvallarga qo'shilishi kerak. Xususiyatlar asosiy shaklga ega:

attribute = "value"

Shunga o'xshash takrorlash orqali bir nechta xususiyatlarni qo'llash mumkin attribute1 = "value1" attribute2 = "value2"

Amalga oshirish uchun muhim fikrlar:

  • Jadval oxiridan tashqari barcha jadvallarni belgilash (|}), ixtiyoriy ravishda bir xil satrda bir yoki bir nechta atributlarni qabul qiladi.
  • Uyali belgilar (|, ||, !, !!) va taglavhani belgilash (|+) tarkibni ushlab turish. Shunday qilib, har qanday atributlarni bitta trubka bilan tarkibdan ajrating (|), hatto hujayra tarkibi yangi qatorda bo'lsa ham, bu joizdir.
  • Jadval va qatorlarni belgilash ({| va |-) to'g'ridan-to'g'ri tarkibni saqlamang. Shuning uchun, qiling emas quvur qo'shish (|) har qanday atributlardan keyin.

HTML atributlarini katakchalarga va taglavhalarga qo'shish

Sarlavha katakchalari va sarlavhalarni o'z ichiga olgan tarkibni qanday qilib kataklash kerak.

Hujayralar tarkibni saqlaydi, masalan. qator1cell1. Yacheykalar va taglavhalar uchun quyidagilar belgilanadi: |, ||, !, !! va |+. Atributlarni bitta trubka bilan hujayra tarkibidan yoki sarlavhalardan alohida saqlash kerak (|). Hujayra tarkibi yoki sarlavhalari bir xil satrda yoki keyingi satrda bo'lishi mumkin.

Shunday qilib atributlarni quyidagicha kiritish mumkin:

| atribut = "qiymat" | qator1cell1 | atribut = "qiymat" | qator1cell2 | atribut = "qiymat" | qator1cell3

Qaerda attribute = "value" masalan, bir yoki bir nechta atributni bildiradi style = "color: red".

Agar kataklar bitta satrda bo'lsa, atributlarni quyidagicha qo'shish mumkin: | atribut = "qiymat" | row1cell1 || atribut = "qiymat" | row1cell2 || atribut = "qiymat" | qator1cell3

Ga qo'shish sarlavha shunday qilish mumkin:

! atribut = "qiymat" | header1! atribut = "qiymat" | header2! atribut = "qiymat" | sarlavha3

Yoki shunga o'xshash: ! atribut = "qiymat" | header1 !! atribut = "qiymat" | header2 !! atribut = "qiymat" | sarlavha3

Ga qo'shish sarlavha quyidagicha amalga oshiriladi: | + atribut = "qiymat" | Taglavha nomi

Masalan, ba'zi hujayralar matnini qizil rangga aylantirmoqchi ekanligimizni aytaylik. Buning xususiyati style = "color: red". Buni quyidagi jadvaldagi ba'zi katakchalarga qo'shish mumkin:

{| class = "wikitable" | + Taglavha: ba'zi hujayralar qizil matn. | -! header1! header2! header3 | - | style = "color: red" | qator1cell1 | qator1cell2 | style = "color: red" | row1cell3 | - | row2cell1 | style = "color: red" | row2cell2 | row2cell3 |}

Keyin u buni ishlab chiqaradi:

Sarlavha: ba'zi hujayralar qizil matn.
sarlavha1sarlavha2sarlavha3
qator1cell1qator1cell2qator1cell3
qator2cell1qator2cell2qator2cell3

Ko'rib turganingizdek, ba'zi hujayralar matniga qizil rang qo'shilgan. Ixtiyoriy ravishda, agar kerak bo'lsa, hujayra tarkibi yangi qatorlarga qo'shilishi mumkinligini unutmang.

Butun jadvallar va qatorlarga HTML atributlarini qo'shish

Jadvallar va qatorlar quyidagi belgilardan foydalanadi: {|, |- va |}. Atributlarni qo'shish mumkin {| va |-. Ular to'g'ridan-to'g'ri tarkibni o'z ichiga olmaydi. Shu sababli, ular kerak emas qo'shimcha quvur bor (|) har qanday atributlardan keyin.

Atributlarni jadval belgilashiga quyidagicha qo'shish mumkin: {| attribute = "value", qayerda attribute = "value" bir yoki bir nechta atributlarni bildiradi.

Atributlarni qator belgilariga quyidagicha qo'shish mumkin: | - atribut = "qiymat".

Bunga misol

{| class = "wikitable"

oldin ishlatilgan, bu butun jadval uchun sinfni qo'llaydi. Xuddi shu tarzda siz ikkinchi atributni qo'shishingiz mumkin: masalan,

{| class = "wikitable" style = "color: red"

ikkita sifatni, sinfni va uslubni qo'llaydi. Ushbu uslub atributi matnga qizil rang beradi.

Jadval qatoriga qo'llaniladigan atributga misol:

| - style = "height: 100px"

bu holda jadval satrining balandligini 100px qilish uchun uslub atributini qo'llaydi.

Odatda kiritilgan

Odatda jadvallarga kiritilgan HTML atributlari quyidagilarni o'z ichiga oladi:

sinf
Masalan class = "wikitable". The sinf atributi odatda to'liq jadvalga qo'llaniladi. Boshqa sinflarga quyidagilar kiradi class = "wikitable sortable" (tartiblanadigan jadvallar) va class = "wikitable mw-collapsible" (jadvallarni yig'ish).
uslubi
Masalan style = "color: red". U uchun ishlatiladi CSS (Kaskadli jadvallar) uslublar va butun jadvallarga, jadval sarlavhalariga, jadval satrlariga va alohida katakchalarga qo'llanilishi mumkin.
qatorli
Masalan rowspan = "2". Jadval satrlari va katakchalarini formatlash uchun foydalaniladi, shuning uchun ular bir satrning odatiy darajasidan, bu misolda ikki qatordan oshib ketishadi.
kolspan
Masalan colspan = "2". Jadval satrlari va katakchalarini formatlash uchun foydalaniladi, shuning uchun ular bitta ustunning odatiy darajasidan, bu misolda ikkita ustundan kattaroqdir.
qamrov doirasi
Masalan qamrov = "kol" yoki qamrov = "qator". Muhim emas, lekin sarlavha katakchasi qator yoki ustun sarlavhasi ekanligini aniqlash uchun ishlatilishi mumkin.

Boshqa HTML atributlari jadvallar bilan ishlatiladi, ammo ko'plari eskirgan HTML5. Qarang "stol", "taglavha", "jadval qatori", "sarlavha katakchasi" va "ma'lumotlar katakchasi" ba'zi eskirgan atributlar uchun.

Yangi qatorlardagi katakchalar

Hujayra tarkibi undan keyin xuddi shu qatorda ketishi mumkin hujayralarni belgilash (atributlarni o'z ichiga olishi mumkin); yoki katakcha belgisi ostidagi satrlarda.

O'z belgisini ishlatadigan hujayra tarkibi yangi satrda boshlanishi kerak bo'lishi mumkin; bu ro'yxatlar, sarlavhalar yoki ichki jadvallar kabi narsalar bilan sodir bo'lishi mumkin.

Masalan, quyidagi bitta qatorli jadvalni oling:

{| class = "wikitable" | + Bitta qatorli jadval | style = "color: blue" | hujayra 1 | hujayra2 | style = "color: blue" | hujayra3 |}

Uning chiqishi:

Bir qatorli stol
hujayra1hujayra2hujayra3

Agar xohlasak, hujayraning tarkibini yangi qatorlarga qo'shish mumkin:

{| class = "wikitable" | + Bitta qatorli jadval | style = "color: blue" | hujayra 1 | hujayra2 | style = "color: blue" | hujayra3 |}

Uning chiqishi shunga o'xshash, ammo vertikal balandligi oshiriladi:

Bir qatorli stol

hujayra1

hujayra2

hujayra3

Jadvallar qanday shakllantiriladi

Agar jadval uchun quyidagi wiki belgisini ishlatsangiz:

{| class = "wikitable" | + Taglavha: misol jadvali | -! header1! header2! header3 | - | qator1cell1 | qator1cell2 | row1cell3 | - | row2cell1 | row2cell2 | row2cell3 |}

The MediaWiki dasturiy ta'minot uni quyidagiga aylantiradi HTML:

<stol sinf="vikitiv"><sarlavha>Taglavha: misollar jadvali</sarlavha><tanasi><tr><th>sarlavha1</th><th>sarlavha2</th><th>sarlavha3</th></tr><tr><td>qator1cell1</td><td>qator1cell2</td><td>qator1cell3</td></tr><tr><td>qator2cell1</td><td>qator2cell2</td><td>qator2cell3</td></tr></tanasi></stol>

The <table>...</table> teglar stolni ochadi va yopadi. The <caption>...</caption> teglar taglavha qo'shadi. The <tr>...</tr> teglar jadval qatorlarini ochadi va yopadi. The <th>...</th> teglar sarlavha katakchasini qo'shadi. The <td>...</td> teglar ma'lumotlar katakchasini qo'shadi. Ixtiyoriy <tbody>...</tbody> teglar stol tanasi qaerda boshlanishini va tugashini belgilaydi.

HTML atributlarini ochilish yorlig'i ichiga qo'shish orqali qo'shish mumkin. Masalan <table> quyidagi kabi qo'shilgan atributga ega bo'lishi mumkin: <table attribute="value">, yoki <table attribute1="value1" attribute2="value2"> ikkita xususiyat uchun. Boshqa barcha teglar xuddi shu qoidaga amal qiladi.

Yuqorida tavsiflanganidek, jadvalni wiki formatlash o'rniga HTML kodlash yordamida qo'shishingiz mumkin HTML elementi # Jadvallar. Biroq, o'qish mumkinligi sababli bu tushkunlikka tushdi; ga qarang stol ustidagi uslubiy qo'llanma. Shuningdek, <thead>, <tbody>, <tfoot>, <colgroup>va <col> teglar vikitekstda qo'llab-quvvatlanmaydi.

Shuningdek qarang

Jadvallar bo'yicha qo'shimcha yordam uchun qarang: