Tuj kiam vi komencos konstrui retpaĝojn kun HTML, vi komencos labori kun sizing. Por ke via retejo aspektu kiel vi volas, aspektu, probable, kongruante kun la dezajno, kiun vi kreis aŭ alia kreinto, vi volas ŝanĝi la grandecon de la teksto en tiu retejo, kaj ankaŭ aliajn elementojn de la paĝo. Por tio vi povas serĉi etiketon de "grandeco" HTML, sed vi rapide trovos ĝin mankanta.
La HTML-etikedo ne ekzistas en HTML. Anstataŭe, por agordi la grandecon de viaj tiparoj, bildoj aŭ aranĝo vi devus uzi Cascading Style Sheets. Fakte, ajna vida ŝanĝo, kiun vi bezonas fari al teksto de retejo aŭ alia elemento, devas esti manipulita de CSS! HTML estas nur por strukturo.
La plej proksima etikedo al HTML-etikedo estas la malnova tipa etikedo, kiu efektive inkluzivas grandecon. Estu avertita, ke ĉi tiu etikedo estas senprekciata en la aktualaj versioj de HTML kaj eble ne estas subtenataj de retumiloj en la estonteco! Vi ne volas uzi la tipan etikedon en via HTML! Anstataŭe, vi devus lerni CSS por ampleksigi viajn HTML-elementojn kaj stiligi vian retpaĝon laŭe.
Fontaj grandecoj
Tiparoj estas eble la plej facila afero al grandeco kun CSS. Moreso ol simple sizing tiu teksto, kun CSS vi povas esti pli specifa pri via retejo tipografio . Vi povas difini la tiparon, la koloron, la kazon, la pezon, la eminentulojn, kaj pli. Kun la tipara etikedo, vi povas nur difini la grandecon, kaj tiam nur kiel nombro relativa al la defaŭlta tipara grandeco de la retumilo, kiu diferencas por ĉiu kliento.
Por agordi vian alineon por havi tiparon de 12pt tiparo, uzu la tipon de tiparo-grandeco:
h3 {font-size = 24px; }Ĉi tiu stilo agordus la tiparon de headiing3 elementoj 24 rastrumeroj. Vi povus aldoni tion al ekstera stilo-folio kaj ĉiuj H3-ajoj de via retejo uzus ĉi tiun stilon.
Se vi volas aldoni aldonajn tipografiajn stilojn al via teksto, vi povus aldoni ilin al ĉi tiu CSS-regulo:
h3 {font-grandeco: 24px; koloro: # 000; tiparo-pezo: normala; }Ĉi tio ne nur agordus tiun tiparon por H3-aj, ĝi ankaŭ agordus la koloron al nigra (tio estas, kion la heksa kodo de # 000 signifas) kaj ĝi metus la pezon al "normala". Defaŭlte, retumiloj redonas rubrikojn 1-6 kiel aŭdaca teksto, do ĉi tiu stilo anstataŭigus tiun defaŭltan kaj esence "ne-aŭdaca" la tekston.
Bildaj grandecoj
Bildoj povas malfacile difini grandecojn ĉar vi povas vere uzi la retumilon por regrandigi la bildon. Kompreneble, regrandigi bildojn kun la retumilo estas malbona ideo ĉar ĝi kaŭzas paĝojn ŝarĝi pli malrapide kaj retumiloj ofte faras malriĉan laboron regrandigi, farante ke la bildoj aspektas malbone. Anstataŭe, vi devas uzi grafikajn programojn por regrandigi bildojn kaj poste skribi iliajn realajn grandecojn en via retpaĝaro HTML.
Kontraste kun tiparoj, bildoj povas uzi HTML aŭ CSS por difini la grandecon. Vi difinas la larĝecon de la bildo kaj la alteco. Kiam vi uzas HTML, vi povas nur difini la bildon grandecon en pikseloj. Se vi uzas CSS, vi povas uzi aliajn mezurojn inkluzive de coloj, centimetroj kaj procentoj. Ĉi tiu lasta valoro, procentoj, estas tre utila kiam viaj bildoj bezonas esti fluida, kiel en respondema retejo.
Por difini vian bildan grandecon per HTML, uzu la altecon kaj larĝajn atributojn de la img-etikedo. Ekzemple, ĉi tiu bildo estus 400x400 rastrumeroj:
alteco = "400" larĝa = "400" alt = "bildo" />Por difini vian bildan grandecon per CSS, uzu la altecon kaj larĝajn stilojn. Jen la sama bildo, uzante CSS por difini la grandecon:
stilo = "alteco: 400px; larĝa: 400px;" alt = "bildo" />Aranĝo Grandecoj
La plej ofta grandeco, kiun vi difinas en aranĝo, estas la larĝa, kaj la unua afero, kiun vi devas decidi, ĉu uzi fiksa larĝa aranĝo aŭ respondema retejo. Alivorte, ĉu vi difinos la larĝecon kiel ĝusta nombro de pikseloj, coloj, aŭ punktoj? Aŭ ĉu vi agordos vian aranĝon larĝe esti fleksebla uzante ems aŭ procentoj? Por difini la grandecon de via aranĝo, vi uzas larĝecon kaj altecon CSS-proprietojn, kiel vi volas en bildo.
Fiksa larĝa:
stilo = "larĝa: 600px;">Larĝa likvaĵo:
stilo = "larĝa: 80%;">Kiam vi decidas pri la larĝeco por via aranĝo, vi devas memori la malsamajn retumilojn, kiujn viaj legantoj povas uzi kaj la malsamajn aparatojn, kiujn ili ankaŭ uzos. Jen kial respondaj retejoj , kiuj povas ŝanĝi sian aranĝon kaj mezurojn bazitajn sur malsamaj aparatoj kaj ekranecaj grandecoj, estas la plej bona praktika normo hodiaŭ.