Dekoracije web stranicu i veličinu fonta u HTML-u

Novice web dizajnera će biti korisno znati o tome kako dizajnirati tekst web-stranicu. Oni uključuju poravnanje, boju, veličinu fonta, i još mnogo toga.

Na oblikovanje povezane više oznaka. Najčešće korišteni „p” - stavak. Ona ima opcijske parametre koji definiraju izgled teksta.

Prvi i glavni parametar - ovo „align”. Ona određuje poravnanje teksta i može biti ili „lijevo”, „desno”, „centar” i „opravdati” - poravnanje lijevo, desno, centar, a po širini bloka, respektivno. Imajte na umu da položaj teksta daje ne na granicama ekrana, a unutar odlomka.

Nakon toga slijedi parametrima „klase” i „id”. Oni određuju kojoj klasi pripada ovaj objekt i njegovu identifikaciju. To također može uključivati atribut i „stil” - pita inline style blokova. Sva ova svojstva se odnose na CSS, što ćemo ići malo niže.

U oznakom „P” postoji jedan nedostatak - to ne uspije postaviti vanjski pogled na font, kao što je njegova boja ili veličina. Za te svrhe je još jedna oznaka - „font”. Sve njegove mogućnosti odrediti kako će tekst izgledati.

Prvi atribut oznake - „boja”. Kao što ste možda pogađate, tu se daje boju. Ovaj parametar može uzeti kao imena ( „bijelo”, „žuto”, „magenta”), a vrijednosti u RGB sustavu. To se radi na sljedeći način: prvo staviti znak #, a zatim identificira tri broja u heksadecimalni zapis od 00 do FF ili 0-255 - decimale - količini crvene, zelene i plave boje u konačnoj boji. Na primjer, koristiti crvene pisati „# ff0000”, žuta - „# FFFF00”.

Sljedeći atribut - „lice”. Ona definira slovima. Na primjer, može se postaviti na „Times New Roman” ili „Tahoma”.

I na kraju, za veličinu fonta u HTML-u odgovara parametru „veličina”. Potrebno je brojčana vrijednost - font.

Na primjer, za prikaz teksta u plavom i slova „Comic Sans MS” petnaestom pin, potrebno je definirati oznaku „P” sa sljedećim parametrima:

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

Također, postoji nekoliko oznake koje omogućuju da odredite jednu određenu vrstu formata: „B” - Bold, „ja” - kurziv, „U” - naglašavaju. Svi oni nemaju parametre.

Postavite tekst atribute u HTML - veličina fonta slušalice - prilično neugodno. Zamislite da morate biti naizmjence s različitim dizajnom blokove teksta. Potom se za svaku od oznaka moraš definirati iste atribute. Mnogo više zgodan da se može provoditi uz pomoć CSS-Cascading Style Sheets. Na primjer, stvoriti klasu slika pod nazivom „myclass” s dizajnom kao u prethodnom primjeru, trebate dodati oznaku „stil” ovaj redak:

#myclass {font: RGB (102.102.255) "stripa Bez MS" 15pt;}

Ovdje „rgb (102102255)” postavlja boju „Comic Sans MS” - slušalice i „15pt” - veličina fonta. Boja može navesti ime i font - kao čunj i piksela (za to morate napisati, na primjer, „20px”).

Za korištenje ove prijave potrebno je „p” oznaka pišu:

class = "myclass"

Na isti način možete privući bilo koji drugi tekst. Dovoljno je da postavite parametar „klasu” iz klase vrijednosti koje želite koristiti.

I stvoriti ID s imenom „myid”, potrebno je „stil” rekord:

#myid {font: RGB (102.102.255) "stripa Bez MS" 15pt;}

a oznaka „P” postaviti atribut „ID” u vrijednosti od „myid”.

Klasa i ID - to je praktički ista stvar. U tom slučaju jedna oznaka može biti proglašen kao prvi i drugi:

class = "myclass" id = "myid"

Postoje dva načina da promijenite izgled teksta - HTML i CSS. Ako je potrebno izdati jedan ili dva bloka, koristite HTML. Veliki broj stavaka s identičnim oblikovanja CSS je udobnije.

Kao što možete vidjeti, promijeniti veličinu fonta u HTML je ugriz. Glavni programiranje - praksa, pa pokušajte vježbati više, i da ćete uspjeti!