Table - eng muhim biri, lekin veb sahifalarida mavjud bo'lishi kerak bir xil vaqt murakkab elementlar da. ularning yordami bilan u juda qisqa shaklda muhim va foydali ma'lumotlarni qo'llash qulay hisoblanadi. Albatta, eng muharrirlari andozalari, turli dvigatellar ustida ish, avtomatik ravishda veb-saytida yoki alohida nashr, lekin, nima veb-dizayn resurs bo'lsa, uning sahifalar noldan yaratilgan bir stol kiritish? qanday qilib amalga oshirish uchun: So'ngra Ajam master muammo olish mumkin HTML jadval. ning qanchalik tez ko'rib va to'g'ri ob'ektni yaratish bo'lsin.
muharriri tanlash
Avvalo, bir jadval yaratish uchun boshlang'ich, siz ishlaydi qaysi muharriri aniqlash kerak. Albatta, eng oson yo'li, siz asosiy sayt kodini yaratish qaysi dasturni tanlang. Lekin bu maqsadda yaxshi eski Bloknot foydalanish eng yaxshisidir.
Hayotingizni murakkablashtirish nega siz o'ng muharriri har bir narsani, albatta, agar, keyin natija darhol ko'rish mumkin, chunki siz ham, so'rashi mumkin, va hatto foydalanish dasturi so'raydi.
Ha, faqat yaxshilab, uning Yaralish printsipi o'rganib imkoniyatiga ega bo'lmaydi, balki asosiy kod noqulay matn terish xatosi va xatolarni oldini olish uchun, to'g'ri, lekin noldan bir jadval yaratish uchun. Ba'zan kursor pastga harakat qiladi, va zalolatda kodni yozish jarayoni topish ba'zan qiyin bo'lgan, ichida sirg'alib deb tasodifan sodir bo'ladi. a notebook bir stol yaratish, siz kodni nusxa va siz uchun to'g'ri joyga joylashtirish mumkin.
jadval yaratish uchun algoritm
boshlash uchun, HTML bir jadval qilish uchun qanday, qisqa algoritm qilish. Bu har bir bosqichdagi ketma-ketlikni tushunish ishonch hosil qilish uchun bo'ladi. So'ngra ob'ektlar har bir amalga oshirish uchun qanday aniq tahlil.
ning tayyorgarlik harakatlari bilan yarataylik.
1. qog'oz stol, tasvirni sxemasi chizilgan.
2. qatorlar va hujayralar soni. turli o'tmishda soni bo'lsa - alohida har bir ryadochka o'ylayman.
3. Qator-header hujayralardagi raqamini (masalan, «№» hujayrani, "nomi" va t. D.) aniqlash.
rang, balandligi va kengligi, matn hizalama - - stol asosiy parametrlarini yozib 4. xullas, hamma narsa siz Fit ko'rinadi.
So'ngra stol yaratish uchun to'g'ridan-to'g'ri borish:
1. teglar jadval joylashtiring.
2. Agar kerak miqdori asosida liniyalari teglar kiritish.
3. qatorlarni ham qog'ozda qayd qilgan miqdori asosida, (oddiy va katta) hujayralari teglar kiritish.
4. butun stol parametrlarini sozlash.
5. Agar individual hujayralari uchun parametrlarini sozlash uchun kerak bo'lsa.
6. Bizning hujayra matn to'ldiring.
Agar jadval yaratish
Shunday qilib, endi, muharriri tanlash ning HTML bir jadval yaratish uchun qanday qaraylik. stol beradi tegi (
) bizning qurilish ushbu teg bilan boshlanadi va bilan tugaydi, ya'ni, bog'langan bo'ladi sahifa kod kiritiladi.
tags stol o'rnatish, satr va hujayralarni yaratish davom.
Endi, biz bu elementlar, shuningdek, bog'langan, deb qayd. Agarda
| , bir mag'lubiyatga belgilaydi, va - hujayralarni.
Yuqori-hujayralar | bog'langan elementlar foydalanish kerak bo'ladi.
Yuqorida aytilganidek, birinchi qadam, keyin ular hujayrani ro'yxatdan kerak, chiziq chizilgan iborat. Ishonchsizlikni oldini olish uchun, u bir chiziq yoki ikki har bir blokda o'rtasida biron-bir chetida bo'sh joylari qilish, yoki boshqa "Tab" ni foydalanib, yangi blok elementlarni buyurish tavsiya etiladi.
Qanday qilib kabi qarash mumkin? Bu kabi bir narsa:
-
; -
; -
| | | p / p sonli; -
Ism ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Ko'rib turganingizdek, hech narsa haqida u murakkab. Asosiy narsa - qatorlar va hujayralar sonining yo'qolib etmaymiz. Aks holda, stol egilgan.
Biz hozir biz Matrix va uning qatorlar va hujayralar parametrlari ham ko'chirishingiz mumkin, HTML bir jadval yaratish uchun tiqiladi.
stol-r hizalanmada: kodi yozilgan bo'lsa, quyidagi ochko e'tibor qilish zarur stol HTML, rangini , shuning uchun chegaradosh, fon, matn, va.
parametrlar stol teg ko'rsatilgan. Bu o'z ichiga oladi:
1. chegara - chegara kengligi. Butun sonning tomonidan belgilangan. Sukut bo'yicha hech qanday stol chegaralar g'oyib.
2. BorderColor - chegarasining rang. Bu hexadecimal rang (# 00008B) va angliykom uning nomi (ko'k), deb berilishi mumkin. Odatiy bo'lib, har doim kulrang bo'ladi.
3. bgcolor - fon rangi. kodi yoki nomi bilan belgilangan.
4. Align - jadvalga matn tekislang. Standart - Chapdagi. Bu parametr uchun quyidagi imkoniyatlari mavjud:
- chap - o'ng wrap;
- chapga -obtekanie huquqi;
- markazi - hech oqimi bilan o'rtasida chiqish stol.
5. kengligi va balandligi - kengligi va stol balandligi. Bu piksel yoki protsentlarda (brauzer oynasi hajmi nisbatan) sifatida ham bo'lishi mumkin.
Muayyan ko'rsatkichni Ortga nazar tashlab, siz dizayn alohida e'tibor berish lozim. tirnoq va biron-bir qiymatini ko'rsatadi, shundan so'ng oyat-mo''jiza "teng", borishni parametresini aniqlanadi keyin.
matn rangi kelsak, u HTML formatida matn bir xil tarzda amalga qilish.
Agar jadvalga misol:
- ;
-
; -
| | | p / p sonli; -
Ism ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parametrlar qatorlarni Shunday qilib, biz allaqachon HTML bir stol qilish va uning asosiy parametrlarini buyurish qanday tushundim ayting. Lekin biz bir mag'lubiyatga ajratish uchun nima kerak bo'lsa? Uni emas stol asosiy organi sifatida tekshiring?
satr parametrlari jadvalga bir xil tarzda teg | yozilgan. Quyidagi o'zgaruvchilar belgilangan mumkin yib:
1. Allaqachon sizga chegara, BorderColor va bgcolor ma'lum.
2. Align - line matnni tekislang. Bu, markazi va o'ng, chap o'rnatilgan bo'lishi mumkin.
3. valign - tegi vertikal matnni hizalar. Bu quyidagi qiymatlarni oladi:
- Top - matn yuqori chegara diziliyorsa;
- o'rta - o'rtada;
- pastki - pastki tomonlarini.
O'RNAK liniyasi rasmiylashtiruvi:
-
; -
| | | p / p sonli; -
Ism ; - .
parametrlar hujayralar individual hujayralari parametrlarini, normal va kapitalni ikkala - Va so'nggi narsa HTML bir jadval qilish uchun qanday bilish istaganlar e'tibor qilish kerak. Aslida, hamma narsa bir jadval yoki ketma-ket bir xil tarzda amalga oshiriladi. faqat ikki muhim elementlarni qo'shib qo'ydi:
1. Colspan - bu parametr, hujayra kengaytirish mumkin, buning uchun ustunlar sonini bildiradi.
2. Rowspan - allaqachon bu hujayra tomonidan ishg'ol qatorlar sonini bildiradi.
dizayn aytish line hech qanday farqi yo'q ekan, u namuna kodi olib bo'lmaydi.
topilmalar Bu birinchi qarashda tuyulishi mumkin, deb bir stol sifatida qiyin emas. Asosiy narsa uning kodi yozish - qat'iyat va e'tibor.
HTML bir stol kiritish qanday kelsak, keyin uning kodi soni nusxa va Sizning fikringizcha, joylashtirilgan bo'lishi kerak bo'lgan o'z sahifasida joyiga, uni joylashtirish uchun etarli bo'ladi.
Tajriba uchun Qo'rqma, va tez orada siz mukammal jadvallar tuzishga texnikasini o'zlashtirgan etiladi. Omad tilaymiz!
|
| |
| | |
|