Dekorera en webbsida och storleken på typsnittet i HTML

Nybörjare webbdesigners kommer att vara bra att veta om hur man designar en webbsida text. De omfattar anpassning, färg, teckenstorlek och mycket mer.

Om formatering tillhörande flera taggar. De vanligaste "p" - punkt. Det har valfria parametrar som definierar utseendet på texten.

Den första och viktigaste parametern - denna "align". Den bestämmer inriktningen av texten och kan antingen "vänster", "höger", "center" och "rättfärdiga" - inriktning på vänster, höger, mitten och över bredden av blocket, respektive. Observera att läget för texten ges inte visas på skärmen gränser och i ett stycke.

Detta följs av parametrarna "klass" och "id". De bestämmer till vilken klass hör till detta objekt och dess identifierare. Detta kan också innefatta attributet och "stil" - frågar han inline stil block. Alla dessa egenskaper är relaterade till CSS, som vi kommer att gå lite lägre.

I taggen "p" det finns en nackdel - den misslyckas med att ställa in en extern vy på teckensnittet, såsom dess färg eller storlek. För dessa ändamål är en annan tagg - "font". Alla dess alternativ bestämmer hur texten kommer att se ut.

Den första attribut taggen - "färg". Som du kanske gissat, är det med tanke på en färg. Denna parameter kan tas som namn ( "vita", "gul", "magenta"), och värden i RGB-systemet. Detta sker på följande sätt: först sätta # tecken, och sedan identifierar tre nummer i hexadecimal notation från 00 till FF eller 0-255 - decimal - mängden rött, grönt och blått i den slutliga färgen. Till exempel, för att använda rött för att skriva "# ff0000", gul - "# ffff00".

Nästa attribut - "ansikte". Den definierar typsnitt. Till exempel kan det ställas in på "Times New Roman" eller "Tahoma".

Och slutligen, för storleken på typsnittet i HTML svarar "storlek" parameter. Det tar ett numeriskt värde - teckensnitt.

Till exempel, för att visa texten i blått och typsnittet "Comic Sans MS" femtonde stift, är det nödvändigt att definiera taggen "p" med följande parametrar:

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

Dessutom finns det flera taggar som gör det möjligt att ange en viss typ av format: "b" - Fet, "I" - kursiv, "u" - understreck. Alla av dem har inga parametrar.

Ställ in textattribut i HTML - teckenstorlek headset - ganska obekvämt. Föreställ dig att du måste varvas med en annan konstruktion textblock. Då, för var och en av de taggar du måste definiera samma attribut. Mycket mer praktiskt kan det genomföras med hjälp av CSS-CSS. Till exempel, för att skapa en bild klass som kallas "MyClass" med designen som i föregående exempel måste du lägga till taggen "stil" denna linje:

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

Här "rgb (102.102.255)" sätter färg "Comic Sans MS" - ett headset och "15pt" - teckenstorlek. Färg kan även ange namn och teckensnitt - som käglor och pixlar (för detta måste du skriva, till exempel "20px").

Om du vill använda denna registrering är nödvändigt att "p" tag write:

class = "MyClass"

På samma sätt kan du dra någon annan text. Det räcker med att ställa in parametern "klass" från klassen av det värde som du vill använda.

Och för att skapa ett ID med namnet "myid" behöver "stil" rekord:

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

och taggen "p" ställa in attributet "id" med ett värde av "myid".

Klass och ID - är det praktiskt taget samma sak. I detta fall ett tag kan förklaras som den första och andra:

class = "MyClass" id = "myid"

Det finns två sätt att ändra utseendet på text - HTML och CSS. Om du behöver ge en eller två block, använd HTML. Ett stort antal punkter med samma formatering CSS är bekvämare.

Som ni kan se, ändra teckenstorlek i HTML är en kick. Huvud programmering - en praxis, så försök att utöva mer, och du kommer att lyckas!