Ինչպես կարգավորել սեղանի լայնությունը

Բովանդակություն:

Ինչպես կարգավորել սեղանի լայնությունը
Ինչպես կարգավորել սեղանի լայնությունը

Video: Ինչպես կարգավորել սեղանի լայնությունը

Video: Ինչպես կարգավորել սեղանի լայնությունը
Video: Как сделать стол из фанеры своими руками 2024, Մայիս
Anonim

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-րդ բջիջ

Խորհուրդ ենք տալիս: