Dekorace webové stránky a velikosti písma v HTML

Začátek webových designérů bude užitečné, abyste věděli, jak jsou navrženy texty webové stránky. Patří mezi ně zarovnání, barva, velikost písma a mnoho dalšího.

Několik značek je spojeno s formátováním. Nejčastěji používaný odstavec "p". Má volitelné parametry, které určují externí parametry typ textu.

Prvním a hlavním parametrem je "zarovnání". Určuje zarovnání textu a může být buď „levý“, „pravý“, „center“ a „ospravedlnit“ -ravnenie vlevo, vpravo, uprostřed a po celé šířce bloku, resp. Mějte na paměti, že pozice textu není nastavena s ohledem na hranice obrazovky, ale v odstavci.

Dále přicházejí parametry třídy a id, které určují, do které třídy patří daný objekt a jeho identifikátor, včetně atributu "styl"-nastavuje vestavěný styl bloku. Všechny tyto vlastnosti souvisejí s CSS, o kterém budeme diskutovat níže.

Značka "p" má jednu nevýhodu: nelze jej specifikovat jako externí typ písma, například jeho barvu nebo velikost. Pro tyto účely je určena další značka - "font". Veškeré parametry určují, jak bude vypadat text.

Prvním atributem této značky je "barva". Jak jste to uhodli, barva je v ní nastavena. Tento parametr může přijmout jak obě jména ("bílá", "žlutá", "purpurová") a hodnoty v systému RGB. Postupujte takto: Nejprve vložte značku # a poté zadejte tři čísla hexadecimální notace od 00 do ff nebo od 0 do 255 - v desítkovém - množství červené, zelené a modré v konečné barvě. Chcete-li například použít červenou barvu, musíte napsat "# ff0000", žlutá - "# ffff00".

Dalším atributem je "face". Definuje to písma headset. Například jej můžete nastavit na "Times New Roman" nebo "Tahoma".

A konečně parametr "velikost" je zodpovědný za velikost písma v HTML. Je to číselná hodnota - velikost.

Chcete-li například text vytisknout modře a písmo "Comic Sans MS" patnáctého kolíku, musíte definovat značku "p" s parametry:

barva = "# 6666ff" face = "Comic Sans MS" velikost = "15"

Také existuje několik značek, které umožňují určit jeden konkrétní typ formátu: „b“ - Bold „Já“ - kurzíva, „U“ - podtržení. Všechny z nich nemají žádné parametry.

Nastavení atributů textu v HTML - velikost písma, náhlavní souprava - je docela nepohodlná. Představte si, že je třeba střídat bloky s jiným designem textu. Pak na každou značku budete muset definovat stejné atributy. Je to mnohem pohodlnější implementovat pomocí CSS kaskádových stylových listů. Chcete-li například vytvořit třídu obrazů nazvanou "myclass" se stejným vzorem jako v předchozím příkladu, přidáte do značky "styl" následující řádek:

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt-}

Zde "rgb (102,102,255)" nastavuje barvu, "Comic Sans MS" je náhlavní souprava a "15pt" je velikost písma. Barva může být také nastavena podle jména a písma - v obou pinech a pixelech (pro to je třeba napsat například "20px").

Chcete-li použít tento návrh, musíte zapsat do značky "p":

class = "myclass"

Stejným způsobem můžete nakreslit jakýkoli jiný text. Stačí nastavit parametr "třída" s hodnotou třídy, kterou chcete použít.

A pro vytvoření identifikátoru s názvem "myid" je třeba napsat "styl":

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt-},

a v tagu "p" nastavte atribut "id" s hodnotou "myid".

Třída a identifikátor jsou téměř stejné. V tomto případě může být jedna značka označena jako první nebo druhá:

class = "myclass" id = "myid"

Existují dva způsoby, jak změnit vzhled textu - HTML a CSS. Pokud potřebujete navrhnout jeden nebo dva bloky, použijte HTML. A pro velké množství odstavců se stejným formátováním je CSS pohodlnější.

Jak můžete vidět, změna velikosti písma v HTML není obtížné. Hlavní věcí v programování je praxe, zkuste tedy trénovat více a vy uspíte!