Dekoration av en webbsida och teckenstorlek i HTML

Det kommer att vara användbart för nybörjade webbdesigners att veta om sätt att utforma texten på en webbsida. Dessa inkluderar justering, färg, teckenstorlek och mer.

Det finns flera taggar associerade med formatering. Det vanligaste är "p" - paragraf. Den har valfria parametrar som definierar utseendet på texten.

Den första och huvudparametern är "align". Den definierar textens inriktning och kan vara "vänster", "höger", "centrum" och "motivera" - inriktning på vänster sida, på höger sida, i mitten respektive över hela blockets bredd. Observera att textens position inte är inställd i förhållande till skärmens kanter utan inom stycket.

Därefter följer parametrarna "class" och "id". De bestämmer till vilken klass det givna objektet tillhör och dess identifierare. Detta kan också inkludera attributet "style". - det ställer in inline block stil. Alla dessa egenskaper är relaterade till CSS, vilket kommer att diskuteras nedan.

Taggen "p" det finns en nackdel - du kan inte använda denställa in teckensnittets utseende, till exempel dess färg eller storlek. För dessa ändamål är en annan tagg avsedd - "font". Alla dess parametrar avgör hur texten kommer att se ut.

Det första attributet för denna tagg är "färg".Som du kanske har gissat ställer det in färgen. Denna parameter kan ta både namn ("vit", "gul", "magenta") och värden i RGB-systemet. Detta görs enligt följande: först sätts ett # -tecken och därefter indikeras tre siffror i hexadecimal notation från 00 till ff eller från 0 till 255 - i decimal - mängden rött, grönt och blått i den slutliga färgen. Om du till exempel vill använda rött skriver du "# ff0000", gul - "# ffff00".

Nästa attribut är "ansikte". Det definierar typsnittet. Till exempel kan den ställas in på "Times New Roman" eller "Tahoma".

Och slutligen är parametern "storlek" ansvarig för teckenstorleken i HTML. Det tar ett numeriskt värde - storlek.

För att till exempel visa text i blått och med 15-punkts typsnitt "Comic Sans MS" måste du definiera "p" -taggen med parametrarna:

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

Det finns också flera taggar som låter dig ange en specifik typ av formatering: "b" - fetstil, "i" - kursiv, "u" - understrykning. De har alla inga parametrar.

Ställ in textattribut i HTML - teckenstorlek,headsetet är ganska obekvämt. Tänk dig att du måste växla block med olika textdesigner. Då måste du definiera samma attribut för var och en av taggarna. Detta kan göras mycket bekvämare med CSS Cascading Style Sheets. Till exempel, för att skapa en bildklass som heter "myclass" med samma styling som i föregående exempel, lägg till följande rad i taggen "style":

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

Här anger "rgb (102,102,255)" färgen "ComicSans MS "är typsnittet och" 15pt "är teckensnittsstorleken. Färgen kan också ställas in med namnet och teckensnittet - både i storlek och i pixlar (för detta måste du skriva till exempel" 20px " ).

För att tillämpa denna design måste du skriva i "p" -taggen:

class = "myclass"

Du kan utforma vilken annan text som helst på samma sätt. Det räcker att ställa in parametern "class" med värdet på den klass du vill använda.

Och för att skapa en identifierare med namnet "myid" måste du skriva i "stil":

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

och i "p" -taggen ställer du in "id" -attributet med värdet "myid".

Klass och ID är ungefär samma sak. I det här fallet kan en tagg förklara både den första och den andra:

class = "myclass" id = "myid"

Det finns två sätt att ändra utseendettext - HTML och CSS. Om du behöver utforma ett eller två block, använd sedan HTML. Och för ett stort antal stycken med samma formatering är CSS bekvämare.

Som du kan se är det enkelt att ändra teckensnittsstorlek i HTML. Nyckeln till programmering är övning, så försök hårdare så kommer du att lyckas!