Jakmile začnete s vytvářením webových stránek s HTML, začnete pracovat s rozměry. Chcete-li, aby vaše stránky vypadaly tak, jak chcete, aby vypadaly, pravděpodobně odpovídající návrh, který jste vy nebo jiný návrhář vytvořili, budete chtít změnit velikost textu na daném webu a další prvky na stránce. Chcete-li to provést, můžete začít hledat značku HTML "velikost", ale rychle ji zjistíte chybějící.
Značka velikosti HTML v HTML neexistuje. Namísto toho byste měli nastavit velikost písma, obrázků nebo rozvržení pomocí kaskádových stylů. Ve skutečnosti, jakoukoli vizuální změnu, kterou je třeba udělat pro text webu nebo jiný prvek, by měl být zpracován CSS! HTML je pouze pro strukturu.
Nejbližší značka značky značky HTML je stará značka písma, která skutečně obsahuje atribut velikosti. Upozorňujeme, že tato značka byla zastaralá v aktuálních verzích kódu HTML a v budoucnu ji nemusí podporovat prohlížeče! Nechcete použít značku písma ve vašem HTML! Místo toho byste se měli naučit CSS rozmístění vašich prvků HTML a přizpůsobit webovou stránku odpovídajícím způsobem.
Velikost písma
Písma jsou pravděpodobně nejjednodušší věc, která se má měnit pomocí CSS. Moreso než jen změřit tento text, pomocí CSS můžete být konkrétnější o typografii webových stránek . Můžete definovat velikost písma, barvu, kryt, hmotnost, vodítko a další. Pomocí značky písma můžete definovat pouze velikost a pouze jako číslo relativní velikosti písma prohlížeče, které se pro každého zákazníka liší.
Chcete-li nastavit odstavce tak, aby měla velikost písma 12pt, použijte vlastnost stylu velikosti písma:
h3 {font-size = 24px; }}Tento styl by nastavil velikost písma prvků headiing3 24 pixelů. Mohli byste to přidat do externího stylu a všechny H3 stránky vašeho webu by používaly tento styl.
Pokud chcete do textu přidat další typografické styly, můžete je přidat do tohoto pravidla CSS:
h3 {velikost písma: 24px; barva: # 000; font-weight: normální; }}To by nejen nastavilo velikost písma pro H3s, ale také nastavilo barvu na černou (což je to, co znamená hexadecimální kód # 000) a nastaví váhu na "normální". Ve výchozím nastavení prohlížeče vykreslují nadpisy 1-6 jako tučný text, takže tento styl by přepsal tento výchozí a v podstatě "nepodložený" text.
Velikost obrázků
Obrázky mohou být složité pro definování formátů, protože můžete skutečně použít prohlížeč k úpravě velikosti obrázku. Samozřejmě, že změna velikosti obrázků v prohlížeči je špatný nápad, protože způsobuje, že stránky se načítají pomaleji a prohlížeče často dělají špatnou práci s úpravou velikosti, takže obraz vypadá špatně. Místo toho byste měli použít grafický software pro změnu velikosti obrázků a poté zapsat jejich skutečné velikosti do HTML webové stránky.
Na rozdíl od písem, obrázky mohou použít buď HTML nebo CSS k určení velikosti. Definujete šířku obrázku a výšku. Při použití kódu HTML můžete určit velikost obrázku pouze v pixelech. Používáte-li CSS, můžete použít další měření včetně centimetrů, procent a procent. Tato poslední hodnota, v procentech, je velmi užitečná, když vaše snímky potřebují být tekuté, jako na citlivé webové stránce.
Chcete-li definovat velikost obrázku pomocí HTML, použijte atributy výšky a šířky značky img. Například tento obrázek by měl být čtvercový 400x400 pixelů:
výška = "400" šířka = "400" alt = "obrázek" />Chcete-li definovat velikost obrázku pomocí CSS, použijte vlastnosti stylu výšky a šířky. Zde je stejný obrázek, pomocí CSS definujete velikost:
style = "výška: 400px; šířka: 400px;" alt = "obrázek" />Rozměry rozvržení
Nejběžnější velikost, kterou definujete v rozložení, je šířka a první věc, kterou musíte rozhodnout, je, zda chcete použít rozložení s pevnou šířkou nebo web s citlivostí. Jinými slovy, definujete šířku jako přesný počet pixelů, palců nebo bodů? Nebo nastavíte rozložení šířky tak, aby bylo flexibilní pomocí ems nebo procentuálních hodnot? Chcete-li definovat velikost rozvržení, použijete vlastnosti CSS ve formátu šířky a výšky stejně jako v obrázku.
Pevná šířka:
styl = "šířka: 600px;">Šířka kapaliny:
styl = "šířka: 80%;">Když rozhodujete o šířkách rozvržení, měli byste mít na paměti různé šířky prohlížeče, které vaše čtenáři mohou používat, a různá zařízení, která budou také používat. To je důvod, proč jsou dnes citlivé internetové stránky , které mohou měnit jejich uspořádání a dimenzování založené na různých zařízeních a velikostech obrazovky.