Udsmykning af en webside og skriftstørrelse i HTML

Begyndende webdesignere vil være nyttige at vide om måder, hvorpå teksten på websiden er designet. Disse omfatter justering, farve, skriftstørrelse og meget mere.

Flere tags er forbundet med formatering. Den mest almindeligt anvendte "p" - afsnit. Det har valgfrie parametre, der angiver udseendet af teksten.

Den første og vigtigste parameter er "align". Den definerer justeringen af ​​teksten og kan tage værdierne "left", "right", "center" og "justify" - justering på venstre side, henholdsvis til højre, midt og langs hele bredden af ​​blokken. Bemærk, at teksten ikke er indstillet i forhold til skærmens grænser, men inden for afsnit.

Derefter kommer parametrene "klasse" og "id", som bestemmer hvilken klasse objektet tilhører og dets identifikator, herunder attributten "stil" - det sætter den indbyggede blok stil. Alle disse egenskaber er relateret til CSS, som vi diskuterer nedenfor.

Tagget "p" Der er en ulempe - den kan ikke brugesAngiv udseendet af skrifttypen, for eksempel dens farve eller størrelse. Til disse formål er et andet tag beregnet - "skrifttype". Alle dens parametre bestemmer, hvordan teksten vil se ud.

Den første egenskab af dette tag er "farve". Som du gættede det, er farven sat i den. Denne parameter kan acceptere både navne ("hvid", "gul", "magenta") og værdier i RGB-systemet. Dette gøres på følgende måde: først sætte # tegn, og derefter identificerer de tre tal i hexadecimal notation fra 00 til ff eller fra 0 til 255 - decimal - mængden af ​​rød, grøn og blå i den endelige farve. For eksempel, hvis du vil bruge rød farve, skal du skrive "# ff0000", gul - "# ffff00".

Den næste attribut er "ansigt". Det definerer skrivehovedtelefonen. Du kan f.eks. Indstille den til "Times New Roman" eller "Tahoma".

Og endelig er parameteren "størrelse" ansvarlig for skrifttypestørrelsen i HTML. Det tager en numerisk værdi - en størrelse.

For eksempel at udskrive teksten i blåt og skrifttypen "Comic Sans MS" i den femtende pin, skal du definere taggen "p" med parametrene:

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

Der er også flere tags, der giver dig mulighed for at angive en bestemt formatering: "b" - fed, "i" - kursiv, "u" - understregning. Alle af dem har ingen parametre.

Angiv tekstattributter i HTML - skriftstørrelse,headset - helt ubehageligt. Forestil dig at du skal udskifte blokke med forskellige tekstdesign. Så til hver af tagsne skal du definere de samme attributter. Det er meget mere praktisk at implementere dette ved hjælp af CSS-cascading stilark. For eksempel for at oprette en billedklasse kaldet "myclass" med det samme design som i det foregående eksempel, ville du tilføje følgende linje til "stil" taggen:

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

Her "rgb (102,102,255)" sætter farven "ComicSans MS "er headsettet, og" 15pt "er skrifttypestørrelsen, du kan også indstille farven med navnet og skrifttypen i både stifterne og pixelerne (for eksempel skrive" 20px ").

For at anvende dette design skal du skrive i taggen "p":

class = "myclass"

På samme måde kan du tegne en anden tekst. Det er nok at indstille parameteren "klasse" med værdien af ​​den klasse, du vil bruge.

Og for at oprette en identifikator med navnet "myid", skal du skrive i "stil":

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

og i "p" -mærket indstilles "id" -attributten med værdien "myid".

Klasse og identifikator er næsten ens. I dette tilfælde kan et mærke deklareres som enten det første eller det andet:

class = "myclass" id = "myid"

Der er to måder at ændre udseendet påtekst - HTML og CSS. Hvis du skal designe en eller to blokke, skal du bruge HTML. Og for et stort antal afsnit med samme formatering er CSS mere praktisk.

Som du kan se, er det ikke svært at ændre skriftstørrelsen i HTML. Det vigtigste ved programmering er praksis, så prøv at træne mere, og du vil lykkes!

</ p>