Աղյուսակը զննարկչի պատուհանի ամբողջ տարածության վրա ձգելու անհրաժեշտություն է առաջանում, օրինակ, երբ էջի դիզայնը տեղադրվում է սեղանի ներսում: Այս խնդրի լուծումը չի պահանջում գրել բարդ կոդ, բայց դա ներառում է հաշվի առնել ինտերնետային էջերի նշման որոշ առանձնահատկություններ:
Անհրաժեշտ է
HTML- ի հիմնական գիտելիքներ
Հրահանգներ
Քայլ 1
Նախ, դուք պետք է հստակեցնեք առաջիկա գործողության իմաստը: HTML կոդում աղյուսակի էջերը տեղադրված են զույգերով տեղադրված պիտակների շարք (մեկ բացում և մեկ փակում): Բջջային պիտակներ (
) տեղադրված են լարային պիտակների մեջ (
), իսկ դրանք, իրենց հերթին, վերածվելով սեղանի պիտակների (
) Աղյուսակի բացման պիտակում դուք կարող եք սահմանել դրա լայնությունը և բարձրությունը ինչպես բացարձակ միավորներով (պիքսել), այնպես էլ հարաբերականով (տոկոսներով): Համեմատական չափսերով սեղանի հիմնական տարրի լայնությունը և բարձրությունը վերցվում են 100%: Եթե սեղան տեղադրեք անմիջապես էջի մարմնում (և ոչ թե շերտով, ձևով, այլ աղյուսակով և այլն), ապա դրա հիմնական տարրի չափերը կլինեն էջի լայնությունը և բարձրությունը: Սա նշանակում է, որ սեղանը բոլոր ազատ տարածությանը ձգելու համար հարկավոր է դրա համար նշել 100% հորիզոնական և ուղղահայաց չափսեր:
Քայլ 2
Այժմ դուք կարող եք սկսել դա գործնականում կիրառել HTML- ում: Աղյուսակի լայնությունը և բարձրությունը նշվում են լայնության և բարձրության հատկանիշներով: Այսպիսով, աղյուսակի կոդը, որը ցույց է տալիս բոլոր ուղղությունների չափերի 100% -ը և, օրինակ, մեկ տողում երկու բջիջ, կարող է նման լինել.
| սեղանի ձախ բջիջ | սեղանի աջ բջիջ |
Քայլ 3
100% լայնություն և բարձրություն նշելը բավական կլինի սեղանը ձգելու համար, եթե ընտրեք ճիշտ HTML ստանդարտ, որով զննարկիչը պետք է կարդա էջի կոդը: Պիտակը տեղադրվում է փաստաթղթի հենց առաջին տողի վրա: Ձեզ հարկավոր է պիտակ ՝ հետևյալ բովանդակությամբ.
Քայլ 4
Եվ ձեր կոդում պետք է հաշվի առնել ևս մեկ կետ. Ըստ նախնականի, էջը պատուհանի եզրերից կտրված է մի քանի պիքսելով, այնպես որ աղյուսակը, նույնիսկ ամբողջ էջը լրացնելուց հետո, չի տարածվի ամբողջ պատուհանի վրա: Այս անհարկի դաշտերը վերացնելու համար էջի մարմնի () բացման պիտակի համապատասխան հատկանիշներում կարող եք զրոյական ցուցիչ նշել.
Քայլ 5
Հավաքվելիս էջի ամբողջ ծածկագիրը, որի վրա սեղանը ձգված է էկրանի ամբողջ լայնության և բարձրության վրա, կտեսնի այսպես.
Ձգված սեղան
| սեղանի ձախ բջիջ | սեղանի աջ բջիջ |
