Dekorácia webovej stránky a veľkosť písma v HTML

Pre začínajúcich webdizajnérov bude užitočné poznať spôsoby úpravy štýlu textu webovej stránky. Patria sem zarovnanie, farba, veľkosť písma a ďalšie.

S formátovaním je spojených niekoľko značiek. Najčastejšie sa používa „p“ - odstavec. Má voliteľné parametre, ktoré určujú vzhľad textu.

Prvý a hlavný parameter je „zarovnať“. Definuje zarovnanie textu a môže byť „doľava“, „doprava“, „stred“ a „zarovnať“ - zarovnanie na ľavej strane, na pravej strane, v strede a po celej šírke bloku. Upozorňujeme, že umiestnenie textu nie je určené vzhľadom na okraje obrazovky, ale v rámci odseku.

Potom nasledujú parametre „trieda“ a „id“. Určujú, do ktorej triedy tento objekt patrí a jeho identifikátor. Môže sem patriť aj atribút „style“. - nastavuje štýl vloženého bloku. Všetky tieto vlastnosti súvisia s CSS, o čom bude reč nižšie.

Značka „p“ existuje jedna nevýhoda - nemôžete ju použiťnastaviť vzhľad písma, napríklad jeho farbu alebo veľkosť. Pre tieto účely je určená iná značka - „font“. Ako bude text vyzerať, určujú všetky jeho parametre.

Prvý atribút tejto značky je „farba“.Ako ste už mohli uhádnuť, nastavuje farbu. Tento parameter môže mať v systéme RGB oba názvy („biela“, „žltá“, „purpurová“) a hodnoty. Toto sa deje nasledovne: najskôr sa vloží znak # a potom sa tri čísla označia v hexadecimálnom formáte od 00 do ff alebo od 0 do 255 - v desatinnom vyjadrení - množstvo červenej, zelenej a modrej vo výslednej farbe. Napríklad na použitie červenej farby napíšte „# ff0000“, žltú - „# ffff00“.

Ďalším atribútom je „tvár“. Definuje typ písma. Môže byť napríklad nastavený na „Times New Roman“ alebo „Tahoma“.

A nakoniec je za veľkosť písma v HTML zodpovedný parameter „size“. Chce to číselnú hodnotu - veľkosť.

Napríklad na to, aby ste text zobrazovali modrou farbou a 15-bodovým písmom „Comic Sans MS“, musíte definovať značku „p“ s nasledujúcimi parametrami:

color = "# 6666ff" face = "Comic Sans MS" size = "15"

Existuje tiež niekoľko značiek, ktoré umožňujú určiť jeden konkrétny typ formátovania: „b“ - tučné písmo, „i“ - kurzíva, „u“ - podčiarknutie. Všetky nemajú žiadne parametre.

Nastaviť atribúty textu v HTML - veľkosť písma,náhlavná súprava je dosť nepohodlná. Predstavte si, že musíte bloky striedať s rôznymi textovými návrhmi. Potom musíte pre každú zo značiek definovať rovnaké atribúty. Toto je možné vykonať oveľa pohodlnejšie pomocou kaskádových štýlov CSS. Napríklad na vytvorenie triedy obrázkov s názvom „myclass“ s rovnakým štýlom ako v predchádzajúcom príklade pridajte do značky „style“ nasledujúci riadok:

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

Tu „rgb (102 102 255)“ nastaví farbu na „KomiksSans MS "je typ písma a„ 15pt "predstavuje veľkosť písma. Farbu je možné nastaviť aj podľa názvu a typu písma - podľa veľkosti aj v pixeloch (na tento účel musíte napísať napríklad„ 20px ". ).

Ak chcete použiť tento dizajn, musíte do značky „p“ napísať:

class = "myclass"

Rovnakým spôsobom môžete štýlovať akýkoľvek iný text. Postačí nastaviť parameter „triedy“ s hodnotou triedy, ktorú chcete použiť.

A aby ste vytvorili identifikátor s názvom "myid", musíte napísať v "štýle":

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

a v značke „p“ nastavte atribút „id“ na hodnotu „myid“.

Trieda a identifikačné číslo sú v podstate to isté. V takom prípade môže mať jedna značka deklarovanú prvú aj druhú značku:

class = "myclass" id = "myid"

Existujú dva spôsoby, ako zmeniť vzhľadtext - HTML a CSS. Ak potrebujete upraviť štýl jedného alebo dvoch blokov, použite HTML. A pre veľké množstvo odsekov s rovnakým formátovaním je formát CSS pohodlnejší.

Ako vidíte, zmena veľkosti písma v HTML je hračka. Kľúčom k programovaniu je prax, takže cvičte viac a budete mať úspech!