Sapo të filloni të krijoni faqe me HTML, do të filloni të punoni me përmasat. Për ta bërë faqen tuaj të shikojë mënyrën se si ju dëshironi që ajo të duket, ndoshta që përputhen me një dizajn që ju ose një tjetër projektuesi keni krijuar, ju do të dëshironi të ndryshoni madhësinë e tekstit në atë faqe, si dhe elementë të tjerë në faqe. Për ta bërë këtë ju mund të filloni të shikoni për një tag "madhësi" HTML, por shpejt do ta gjeni të humbur.
Etiketa e madhësisë HTML nuk ekziston në HTML. Në vend të kësaj, në mënyrë që të vendosni madhësinë e fonteve, imazheve ose faqosjes tuaj ju duhet të përdorni Cascading Style Sheets. Në fakt, çdo ndryshim vizual që duhet të bëni në tekstin e një faqeje ose në një element tjetër duhet të trajtohet nga CSS! HTML është vetëm për strukturën.
Etiketa më e afërt për një tag me madhësi HTML është etiketa e vjetër e shkronjave, e cila me të vërtetë përfshinte një atribut madhësie. Paralajmëroni se ky tag është deprecated në versionet aktuale të HTML dhe mund të mos mbështetet nga shfletuesit në të ardhmen! Ju nuk dëshironi të përdorni tagin e shkronjave në HTML tuaj! Në vend të kësaj, duhet të mësoni CSS për të madhësuar elementët tuaj HTML dhe për të stilin webpage tuaj në përputhje me rrethanat.
Madhësia e shkronjave
Fonts janë ndoshta gjëja më e lehtë për të përmirësuar me CSS. Për më tepër se thjesht të caktoni atë tekst, me CSS ju mund të jeni më specifik në lidhje me tipografinë tuaj të internetit . Ju mund të përcaktoni madhësinë e shkronjave, ngjyrën, zorrën, peshën, udhëheqësin dhe më shumë. Me tagun e shkronjave, mund të përcaktoni madhësinë, dhe pastaj vetëm si numër në krahasim me madhësinë e parazgjedhur të shfletuesit që ndryshon për çdo klient.
Për të vendosur paragrafin tuaj që të ketë një madhësi font prej 12pt, përdorni pronën e stilit të madhësisë së shkronjave:
h3 {font-size = 24px; }Ky stil do të përcaktojë madhësinë e shkronjave të elementeve headiing3 24 piksele. Ju mund ta shtoni këtë në një fletë të stilit të jashtëm dhe të gjithë H3-të e faqes suaj do të përdorin këtë stil.
Nëse doni të shtoni stile të tjera tipografike në tekstin tuaj, ju mund t'i shtoni ato në këtë rregulla CSS:
h3 {font-madhësia: 24px; ngjyra: # 000; font-peshe: normal; }Kjo jo vetëm që do të përcaktojë madhësinë e shkronjave për H3, por gjithashtu do të vendosë ngjyrën e zezë (e cila është ajo që do të thotë Kodi magjik i # 000) dhe do të vendoste peshën në "normale". By default, shfletuesit rendisin krerët 1-6 si tekst të guximshëm, kështu që ky stil do të anashkalojë atë parazgjedhje dhe në thelb "un-bold" tekstin.
Madhësia e imazhit
Imazhet mund të jenë të ndërlikuara për të përcaktuar madhësitë, sepse ju mund të përdorni shfletuesin për të ndryshuar imazhin. Sigurisht, ridimensionimi i imazheve me shfletuesin është një ide e keqe sepse shkakton që faqet të ngarkohen më ngadalë dhe shfletuesit shpesh bëjnë një punë të varfër të ridimensionimit, duke i bërë pamjet të këqija. Në vend të kësaj, duhet të përdorni softuerin grafikë për të ndryshuar imazhet dhe pastaj të shkruani madhësitë e tyre aktuale në HTML faqen tuaj Web.
Ndryshe nga fonts, imazhet mund të përdorin ose HTML ose CSS për të përcaktuar madhësinë. Ju përcaktoni gjerësinë e imazhit dhe lartësinë. Kur përdorni HTML, ju mund të definoni vetëm madhësinë e imazhit në piksele. Nëse përdorni CSS, mund të përdorni matjet e tjera, duke përfshirë inç, centimetra dhe përqindje. Kjo vlerë e fundit, përqindje, është shumë e dobishme kur imazhet tuaja duhet të jenë të lëngëta, si në një faqe interneti të përgjegjshme.
Për të përcaktuar madhësinë e imazhit tuaj duke përdorur HTML, përdorni atributet e lartësisë dhe gjerësisë së img tag. Për shembull, ky imazh do të ishte 400x400 piksele katrore:
height = "400" width = "400" alt = "imazhi" />Për të përcaktuar madhësinë e imazhit tuaj duke përdorur CSS, përdorni gjerësinë e lartësisë dhe gjerësisë së stilit. Ja imazhi i njëjtë, duke përdorur CSS për të përcaktuar madhësinë:
style = "lartësia: 400px; width: 400px;" alt = "imazh" />Madhësia e Layout
Madhësia më e zakonshme që përcaktoni në një skicë është gjerësia, dhe gjëja e parë që duhet të vendosni është nëse duhet të përdorni një skicë me gjerësi fikse ose një faqe interneti të përgjegjshme. Me fjalë të tjera, po e përcaktoni gjerësinë si një numër të saktë pikësh, inç ose pikësh? Apo do ta vendosni gjerësinë tuaj të faqosjes të jetë fleksibël duke përdorur ems ose përqindje? Për të përcaktuar madhësinë e paraqitjes suaj, ju përdorni gjerësinë dhe lartësinë e pronave CSS ashtu si ju do të në një imazh.
Gjerësia fikse:
style = "width: 600px;">Gjerësia e lëngshme:
style = "width: 80%;">Kur vendosni për gjerësi për paraqitjen tuaj, duhet të mbani parasysh gjerat e ndryshme të shfletuesit që lexuesit tuaj mund të përdorin dhe pajisjet e ndryshme që do të përdorin gjithashtu. Kjo është arsyeja pse faqet e internetit të përgjegjshme , të cilat mund të ndryshojnë paraqitjen dhe caktimin në bazë të pajisjeve të ndryshme dhe madhësive të ekranit, është standardi më i mirë praktik sot.