HTML չափսերի պիտակը գոյություն ունի:

Երբ դուք սկսում եք HTML- ի էջը կառուցել HTML- ով, դուք կսկսեն աշխատել չափման հետ: Որպեսզի ձեր կայքը տեսնի, թե ինչ եք ուզում, որ տեսնեք, հավանաբար դիզայնը, որը դուք կամ ստեղծել եք ստեղծել այլ դիզայներ, դուք կցանկանաք փոխել այդ կայքի տեքստի չափը, ինչպես նաեւ էջի մյուս տարրերը: Դա անելու համար դուք կարող եք սկսել HTML- ի «չափի» պիտակը, բայց դուք արագ կհեռացնեք այն:

HTML- ի չափը պիտակը գոյություն չունի HTML- ում: Փոխարենը, ձեր տառատեսակների, պատկերների կամ դասավորության չափը սահմանելու համար հարկավոր է օգտագործել Cascading Style Sheets- ը: Իրականում ցանկացած տեսողական փոփոխություն, որը դուք պետք է կատարեք կայքի տեքստին կամ այլ տարրին, պետք է վարվել CSS- ով: HTML- ը միայն կառուցվածքի համար է:

HTML- ի չափորոշիչի ամենալավ պիտակը հին տառատեսակն է, որը իսկապես ներառում է չափի հատկանիշ: Եղեք զգուշացրեք, որ այս պիտակը հին է HTML- ի ներկայիս տարբերակներում եւ չի կարող ապագայում բրաուզերների կողմից աջակցել: Դուք չեք ցանկանում օգտագործել ձեր տառատեսակը ձեր HTML- ում: Փոխարենը, դուք պետք է սովորեն CSS- ի չափը ձեր HTML տարրերը չափելու եւ ձեր ոստայնի ոճը համապատասխանաբար:

Տառատեսակների չափսերը

Տառատեսակները, թերեւս, CSS- ի չափի ամենահեշտ բանն են: Moreso- ն, քան պարզապես այդ տեքստի չափումը, CSS- ով կարող եք ավելի կոնկրետ լինել ձեր կայքի տիպաբանության վերաբերյալ : Դուք կարող եք սահմանել տառաչափը, գույնը, պատյանը, քաշը, առաջատարը եւ ավելին: Տառատեսակի պիտակի հետ դուք կարող եք սահմանել միայն չափը, ապա միայն որպես համարանիշ, որը դիտարկիչի տառատեսակն է, որը տարբերվում է յուրաքանչյուր հաճախորդի համար:

Ձեր պարագրաֆը 12pt տառաչափի սահմանելու համար օգտագործեք տառաչափ չափի ոճը:

h3 {font-size = 24px; }

Այս ոճը կստեղծի headiing3 տարրերի տառաչափը 24 նիշ: Դուք կարող եք ավելացնել սա արտաքին ոճի թերթիկ եւ ձեր կայքի H3s- ը կօգտագործի այս ոճը:

Եթե ​​ցանկանում եք ավելացնել ձեր լրացուցիչ տպագրական ոճերը, կարող եք դրանք ավելացնել այս CSS կանոնին:

h3 {font-size: 24px; գույնը `# 000; font-weight: նորմալ; }

Սա ոչ միայն սահմանեց H3s- ի համար նախատեսված տառաչափը, այլեւ գունդը կարտադրի սեւ (ինչը նշանակում է, որ # 000-ի hex կոդն է նշանակում), եւ այն կկտրի «նորմալ»: Լռելյայնորեն, բրաուզերները 1-6 տողերը համարում են համարձակ տեքստ, ուստի այս ոճը կարող է անտեսել այդ լռելյայն եւ էապես «տիտղոսաթերթ» տեքստը:

Image չափսերը

Պատկերները կարող են բարդ լինել չափերը սահմանելու համար, քանի որ դուք կարող եք իրականում օգտագործել զննարկիչը պատկերը վերափոխելու համար: Անշուշտ, զննարկիչի պատկերների չափափոխումը վատ գաղափար է, քանի որ էջերը առաջացնում են ավելի դանդաղ եւ բրաուզերները հաճախ չափափոխում են վատ տեսք, դարձնելով պատկերները վատ: Փոխարենը, դուք պետք է օգտագործեք գրաֆիկական ծրագրեր, նկարների չափափոխելու համար , ապա գրեք ձեր փաստացի չափերը ձեր HTML- ի HTML- ում:

Ի տարբերություն տառատեսակների, պատկերները կարող են օգտագործել HTML կամ CSS, չափը սահմանելու համար: Դուք սահմանում եք պատկերի լայնությունը եւ բարձրությունը: Երբ դուք օգտագործում եք HTML, դուք կարող եք սահմանել պատկերը չափսերը միայն փիքսելներում: Եթե ​​օգտագործում եք CSS, ապա կարող եք օգտագործել այլ չափումներ, ներառյալ դյույմ, սանտիմետր եւ տոկոս: Այս վերջին արժեքը, տոկոսները, շատ օգտակար է, երբ ձեր պատկերները պետք է լինեն հեղուկ, ինչպես արձագանքող կայքում:

HTML- ի օգտագործման համար ձեր նկարների չափը սահմանելու համար օգտագործեք img tag- ի բարձրության եւ լայնության հատկանիշները: Օրինակ, այս պատկերը կլինի 400x400 պիքսել քառակուսի:

height = "400" width = "400" alt = "image" />

Սահմանել ձեր պատկերի չափը CSS- ի միջոցով, օգտագործեք բարձրության եւ լայնության ոճի հատկությունները: Ահա նույն պատկերը, օգտագործելով CSS չափը:

style = "height: 400px; լայնությունը, 400px;" alt = "image" />

Դասարանի չափսերը

Սահմանում նկարագրված ամենատարածված չափը լայնությունն է, եւ առաջին բանը, որ դուք պետք է որոշեք, արդյոք օգտագործեք ֆիքսված լայնաշերտ դասավորությունը կամ պատասխանատու կայք: Այլ կերպ ասած, դուք պատրաստվում եք սահմանել լայնությունը որպես պիքսելների, դյույմների կամ կետերի ճշգրիտ քանակ: Կամ պատրաստվում եք տեղադրել ձեր տեղադրման լայնությունը ճկուն, օգտագործելով ems կամ տոկոսներ: Սահմանելու ձեր դասավորության չափը, դուք օգտագործում եք լայնություն եւ բարձրություն CSS հատկություններ, ինչպես պատկերով:

Ֆիքսված լայնությունը `

style = "width: 600px;">

Հեղուկի լայնությունը `

style = "width: 80%;">

Երբ դուք որոշում եք ձեր դասավորության լայնությունը, պետք է հաշվի առնել, որ ձեր ընթերցողները կարող են օգտվել տարբեր զննարկիչի լայնություններով եւ տարբեր սարքերով, որոնք նույնպես կօգտագործվեն: Սա է պատճառը, որ պատասխանատու կայքերը , որոնք կարող են փոխել իրենց դասավորությունը եւ չափը տարբեր սարքերի եւ էկրանների չափսերի հիման վրա, այսօր լավագույն փորձի ստանդարտն է: