O`ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI
VA KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI
TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI
Web dasturlashga kirish -> fani bo`yicha
1-LABARATORIYA ISHI
Mavzu: thead tegini nazariy va amaliy yoritib berish.
Bajardi: Dilnoza Pulatova
Tekshirdi:
teg haqida nazariy malumotlar:
HTML-jadval tanasi elementi ( ) jadval satrlari to'plamini ( elementlar) o'z ichiga oladi va bu jadvalning tanasini () tashkil etishini bildiradi. elementi, uning qarindoshlari va bilan birgalikda foydali yoki semantik ma'lumotlarni taqdim etadi, ular ham ekran yoki printerda, ham kirish uchun foydalanishda ishlatilishi mumkin.
Agar jadvalda bloki bo'lsa (satrlarni semantik aniqlash uchun), bloki undan keyin kelishi kerak. Agar siz dan foydalansangiz, jadval jadvalining bevosita bolalari bo'lgan, ammo ichiga kirmaydigan jadval satrlari ( elementlari) bo'lolmaydi. Sarlavhasiz va pastki bo'lmagan barcha satrlar ishlatilgan bo'lsa ichida bo'lishi kerak. Hujjatni chop etishda, va elementlari ko'p sahifali jadvalning har bir sahifasida bir xil yoki hech bo'lmaganda juda o'xshash bo'lgan ma'lumotlarni belgilaydi, shu bilan birga elementining tarkibi odatda sahifadan farq qiladi. Uchinchi tomon vidjetlarida taqvim va sanani tanlash kabi jadvallardan keng foydalanilganligi sababli biz jadvallarimizga obuna bo'lish uchun yaratdik. Faqatgina .table bazaviy sinfini istalgan ga qo'shing, so'ngra odatiy uslublar yoki bizning har xil kiritilgan modifikator sinflarimiz bilan kengaytiring.Jadvallarni belgilashning eng oddiy usullaridan foydalanib, jadvallar bazasidagi jadvallar Bootstrap-da qanday ko'rinishi ko'rsatilgan. Jadvalning barcha uslublari Bootstrap 4-da meros bo'lib o'tgan bo'lib, har qanday o'rnatilgan jadvallar ota-ona kabi uslubda bezatilgan bo'ladi. sahifaga Jadval ekranning kontekstida (masalan, oyna), butun jadvalni ko'rsatishga imkon bermasa, foydalanuvchi agenti foydalanuvchiga , , , va ota-ona jadvallari uchun bloklari bir-biridan alohida. Agar jadvalda ketma-ket bo'lsa, siz bittadan ko'proq "odamlardan" foydalanishingiz mumkin. Bu sizga katta jadvallardagi satrlarni bo'laklarga bo'lish imkonini beradi, ularning har biri, agar kerak bo'lsa, alohida formatlanishi mumkinSiz bir nechta elementlaridan foydalanib jadval ichida bir nechta bo'limlar yaratishingiz mumkin. Har birida potentsial o'z satriga yoki satriga ega bo'lishi mumkin; ammo, jadvalda bittagina "boshcha" bo'lishi mumkin! Shuning uchun, har bir ichida sarlavhalarni yaratish uchun siz | elementlari bilan to'ldirilgan | dan foydalanishingiz kerak. Keling, qanday amalga oshirilganligini ko'rib chiqaylik. Oldingi misolni olamiz, ro'yxatga yana bir nechta talabalarni qo'shamiz va jadvalni yangilaymiz, shunda har bir talabaning asosiy yo'nalishini har bir satrda ro'yxatga olish o'rniga talabalar asosiy guruhlarga bo'linib, har bir mutaxassislik uchun sarlavha qatorlari bilan guruhlanadi.
Misollar:
<table>
<thead>
<tr>
<th>Student IDth>
<th>Nameth>
<th>Majorth>
tr>
thead>
<tbody>
<tr>
<td>3741255td>
<td>Jones, Marthatd>
<td>Computer Sciencetd>
tr>
<tr>
<td>3971244td>
<td>Nim, Victortd>
<td>Russian Literaturetd>
tr>
<tr>
<td>4100332td>
<td>Petrov, Alexandratd>
<td>Astrophysicstd>
tr>
tbody>
table>
bu html kodga misol bo’la oladi.
table {
border: 2px solid #555;
border-collapse: collapse;
font: 16px "Lucida Grande", "Helvetica", "Arial", sans-serif;
}
th, td {
border: 1px solid #bbb;
padding: 2px 8px 0;
text-align: left;
}
thead > tr > th {
background-color: #cce;
font-size: 18px;
border-bottom: 2px solid #999;
}
Bular esa css kod yani tablega berilgar style.
Natijasi esa mana bunday holda buladi:
Student ID
|
Name
|
Major
|
3741255
|
Jones, Martha
|
Computer Science
|
3971244
|
Nim, Victor
|
Russian Literature
|
4100332
|
Petrov, Alexandra
|
Astrophysics
|
Xulosa: men bu amaliy ishni bajarish mobaynida nafaqat tag haqida balki uning ichidagi ingridentlari buyicha ham yetarlicha na’zariy va amaliy ko’nikmalarga ega buldim.
Do'stlaringiz bilan baham: |
