Udsmykning af en webside og skriftstørrelse i HTML

Det vil være nyttigt for uerfarne webdesignere at vide om måderne til at style teksten på en webside. Disse inkluderer justering, farve, skriftstørrelse og mere.

Der er flere tags tilknyttet formatering. Det mest anvendte er "p" - afsnit. Den har valgfri parametre, der definerer udseendet af teksten.

Den første og vigtigste parameter er "align". Den definerer justeringen af ​​teksten og kan være "venstre", "højre", "midt" og "retfærdiggøre" - justering på henholdsvis venstre side, til højre, i midten og over hele bredden af ​​blokken. Bemærk, at tekstens position ikke er indstillet i forhold til skærmens rammer, men inden for afsnittet.

Derefter følger parametrene "klasse" og "id". De bestemmer, hvilken klasse det givne objekt hører til og dets identifikator. Dette kan også omfatte attributten "stil". - det indstiller den integrerede blokstil. Alle disse egenskaber er relateret til CSS, som vil blive diskuteret nedenfor.

Mærket "p" der er en ulempe - du kan ikke bruge denindstil skrifttypens udseende, f.eks. dens farve eller størrelse. Til disse formål er et andet tag beregnet - "font". Alle dens parametre bestemmer, hvordan teksten vil se ud.

Den første attribut for dette tag er "farve".Som du måske har gættet, indstiller det farven. Denne parameter kan tage både navne ("hvid", "gul", "magenta") og værdier i RGB-systemet. Dette gøres som følger: først sættes et # -tegn, og derefter vises tre tal i hexadecimal notation fra 00 til ff eller fra 0 til 255 - i decimal - mængden af ​​rød, grøn og blå i den endelige farve. For eksempel, for at bruge rødt skal du skrive "# ff0000", gul - "# ffff00".

Den næste attribut er "ansigt". Det definerer skrifttypen. For eksempel kan den indstilles til "Times New Roman" eller "Tahoma".

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

For eksempel, for at få vist tekst i blå og i 15-punkts "Comic Sans MS" skrifttype, skal du definere "p" tag med følgende parametre:

color = "# 6666ff" face = "Comic Sans MS" størrelse = "15"

Der er også flere tags, der giver dig mulighed for at specificere en bestemt formateringstype: "b" - fed, "i" - kursiv, "u" - understreget. De har alle ingen parametre.

Indstil tekstattributter i HTML - skriftstørrelse,headsettet er ret ubelejligt. Forestil dig, at du skal skifte blokke med forskellige tekstdesign. Derefter skal du definere de samme attributter for hver af tags. Dette kan gøres meget mere bekvemt ved hjælp af CSS Cascading Style Sheets. Hvis du f.eks. Vil oprette en billedklasse kaldet "myclass" med samme styling som i det forrige eksempel, skal du tilføje følgende linje til "style" -tagget:

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

Her indstiller "rgb (102,102,255)" farven, "ComicSans MS "er skrifttypen, og" 15pt "er skriftstørrelsen. Farven kan også indstilles med navnet og skrifttypen - både i størrelse og i pixels (til dette skal du f.eks. Skrive" 20px " ).

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

class = "myclass"

Du kan style enhver anden tekst på samme måde. 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 tagget "p" skal du indstille attributten "id" med værdien "myid".

Klasse og ID er stort set den samme ting. I dette tilfælde kan et mærke have både det første og det andet erklæret:

class = "myclass" id = "myid"

Der er to måder at ændre udseendet påtekst - HTML og CSS. Hvis du har brug for at style 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 et øjeblik at ændre skriftstørrelsen i HTML. Nøglen til programmering er øvelse, så øv dig hårdere, så får du succes!