HyperText նշման լեզվի (HTML) հրահանգները, որոնք կազմում են վեբ էջերում տեղադրված սեղաններ, ապահովում են բավականին մեծ թվով լրացուցիչ պարամետրեր: Սա թույլ է տալիս, ի տարբերություն բլոկի այլ տարրերի, չափեր սահմանել ոչ միայն CSS լեզվով (Cascading Style Sheets կամ "Cascading Style Sheets"), այլ նաև օգտագործելով HTML ինքն իրեն:
Հրահանգներ
Քայլ 1
Օգտագործեք աղյուսակի պիտակի լայնության հատկանիշը ՝ պիքսելներով սեղանի լայնությունը նշելու համար: Պիտակի (HTML հրահանգ) աղյուսակը բաղկացած է բացվածքից (
) մասեր, որոնց միջեւ կան պիտակներ, որոնք կազմում են աղյուսակի տողերն ու բջիջները: Լրացուցիչ պարամետրերը (հատկանիշները) կարող են տեղադրվել բացման պիտակում, որի ցանկը յուրաքանչյուր հատուկ պիտակի համար որոշվում է միջազգային ստանդարտներով: Աղյուսակի պիտակի համար այս ստանդարտները թույլ են տալիս օգտագործել լայնության հատկանիշը, որը սահմանում է աղյուսակի լայնությունը պիքսելներով: Հասարակ սեղանի HTML կոդը `500 պիքսել լայնություն սահմանող նման պիտակով, կարող է ունենալ այսպիսի տեսք.
1-ին բջիջ | 2-րդ բջիջ |
Քայլ 2
Լայնության հատկանիշի արժեքին ավելացրեք% նիշ, եթե հարկավոր է սեղանի լայնությունը որպես տոկոս նշել, քան փիքսելներով.
1-ին բջիջ | 2-րդ բջիջ |
Խնդրում ենք նկատի ունենալ, որ այս տոկոսները պարտադիր չէ, որ հիմնված լինեն զննարկչի պատուհանի լայնության վրա: Փաստաթղթի կառուցվածքն այստեղ կարևոր է. Ճիշտ այնպես, ինչպես բնադրված բնադրող տիկնիկը չի կարող ավելի լայն լինել, քան այն, որում գտնվում է բույնը, այնպես որ սեղանի լայնության 100% -ը չի կարող գերազանցել ծնողական տարրի լայնությունը: Օրինակ, եթե աղյուսակը div բլոկի ներսում է, ապա այս բլոկի լայնությունը կընկալվի որպես 100%:
Քայլ 3
Օգտագործեք ոճի նկարագրության լեզվի հրահանգները, եթե ցանկանում եք համացանցային էջի սեղանների համար նույն լայնությունը սահմանել աղբյուրի կոդի մեկ տեղում: Դա անելու համար նախ տեղադրեք HTML կոդի գլխամասային մասում (բացված և փակող) պիտակները, որոնք սահմանափակում են CSS լեզվի հայտարարությունները.
/ * CSS հրահանգները կլինեն այստեղ * /
Ապա այդ պիտակների միջև դրեք հետևյալ CSS- ը. Table {width: 100px;} Այստեղ աղյուսակը ցույց է տալիս, որ գանգուր ամրացումների ներսում տեղադրված նկարագրությունը պետք է կիրառվի էջի կոդում հայտնված բոլոր սեղանի պիտակների վրա: Դե, լայնության պարամետրը սահմանում է լայնությունը: Այստեղ նույնպես կարող եք օգտագործել հարաբերական լայնությունը որպես տոկոս:
Քայլ 4
Նշեք դասի անունը CSS կոդում և HTML աղյուսակի պիտակում, եթե անհրաժեշտ է նշեք լայնությունը ոչ բոլոր աղյուսակների, այլ միայն մեկ կամ մի քանի աղյուսակների համար: Օրինակ, ասենք, որ դասը, որը նշում է նեղ սեղանների խումբ, փոքր է: Այնուհետև դրա ոճի նկարագրությունը կարող է հետևյալ տեսքը ունենալ.
1-ին բջիջ | 2-րդ բջիջ |