Udsmykning af en webside og skriftstørrelse i HTML

Begyndende webdesignere vil være nyttige at vide om, hvordan websiderne 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 hovedparameteren er "justere". Det definerer justeringen af teksten og kan tage værdierne "left", "right", "center" og "justify" - Justering på venstre side, henholdsvis til højre, midten 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" - Den indstiller den indbyggede blok stil. Alle disse egenskaber er relateret til CSS, som vi diskuterer nedenfor.

Tagget "p" Der er en ulempe - med sin hjælp kan du ikke angive udseendet af skrifttypen, for eksempel dets 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 attribut på dette mærke er "farve". Som du gættede det, er farven sat i den. Denne parameter kan tage både navne ("hvid", "gul", "magenta") og værdier i RGB-systemet. Dette gøres sådan: Først sættes tegn på #, og angiv derefter tre tal i hexadecimal notation fra 00 til ff eller fra 0 til 255 - i decimal - antallet af røde, grønne 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 skrifttype headsettet. Du kan f.eks. Indstille den til "Times New Roman" eller "Tahoma".

Og endelig er parameterstørrelsen 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, som giver dig mulighed for at angive en bestemt formatering: "b" - fed, "i" - kursiv, "u" - understregning. Alle af dem har ingen parametre.

Angiv tekstens attributter i HTML - skrifttypestørrelsen, headsettet - er ret ubelejligt. Forestil dig at du skal udskifte blokke med forskellige tekstdesign. Så til hver af tagsne skal du definere de samme attributter. Meget mere praktisk kan det implementeres ved hjælp af CSS-cascading stilark. For eksempel at oprette en billedklasse kaldet "myclass" med samme design som i det foregående eksempel, tilføj følgende linje til "stil" -taggen:

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

Her "rgb (102,102,255)" indstilles farven "Comic Sans MS" - headsettet og "15pt" - skrifttypestørrelsen. Farven kan også angives med navnet og skrifttypen - i både stifter og pixels (for dette skal du skrive, for eksempel "20px").

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

Klasse = "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 angives "id" -attributten med værdien "myid".

Klasse og identifikator er praktisk talt de samme. I dette tilfælde kan et mærke deklareres som enten det første eller det andet:

Klasse = "myclass" id = "myid"

Der er to måder at ændre udseendet af teksten på - 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!