Nettsidedekorasjon og skriftstørrelse i HTML

Det vil være nyttig for nybegynnere av webdesignere å vite om måtene å style teksten på en webside. Disse inkluderer justering, farge, skriftstørrelse og mer.

Det er flere koder knyttet til formatering. Det mest brukte er "p" - avsnitt. Den har valgfrie parametere som definerer utseendet til teksten.

Den første og viktigste parameteren er "juster". Den definerer justeringen av teksten og kan være "venstre", "høyre", "midt" og "rettferdiggjøre" - justering på henholdsvis venstre side, til høyre, i midten og over hele bredden av blokken. Merk at posisjonen til teksten ikke er spesifisert i forhold til kantene på skjermen, men innenfor avsnittet.

Deretter følger "class" og "id" -parametrene. De bestemmer hvilken klasse dette objektet tilhører og dens identifikator. Dette kan også omfatte "style" -attributtet. - den setter den innebygde blokkstilen. Alle disse egenskapene er relatert til CSS, som vil bli diskutert nedenfor.

Merkelappen "p" det er en ulempe - du kan ikke bruke denangi utseendet til fonten, for eksempel dens farge eller størrelse. For disse formålene er en annen tagger ment - "font". Alle parametrene bestemmer hvordan teksten vil se ut.

Den første attributtet til denne taggen er "farge".Som du kanskje har gjettet, setter den fargen. Denne parameteren kan ta både navn ("hvit", "gul", "magenta") og verdier i RGB-systemet. Dette gjøres som følger: først settes et # -tegn, og deretter er tre tall angitt i heksadesimaltegning fra 00 til ff eller fra 0 til 255 - i desimal - mengden rød, grønn og blå i den endelige fargen. For eksempel, for å bruke rødt, skriv "# ff0000", gul - "# ffff00".

Neste attributt er "ansikt". Den definerer skrifttypen. For eksempel kan den settes til "Times New Roman" eller "Tahoma".

Og til slutt er parameteren "størrelse" ansvarlig for skriftstørrelsen i HTML. Det tar en numerisk verdi - størrelse.

For eksempel, for å vise tekst i blått og med 15-punkts "Comic Sans MS" font, må du definere "p" -koden med parametrene:

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

Det er også flere koder som lar deg spesifisere en bestemt formateringstype: "b" - fet, "i" - kursiv, "u" - understrek. De har ingen parametere.

Angi tekstattributter i HTML - skriftstørrelse,headsettet er ganske upraktisk. Tenk deg at du må alternere blokker med forskjellige tekstdesigner. Deretter må du definere de samme attributtene for hver av kodene. Dette kan gjøres mye mer praktisk ved hjelp av CSS Cascading Style Sheets. For eksempel, for å lage en bildeklasse kalt "myclass" med samme styling som i forrige eksempel, legg til følgende linje i "style" -koden:

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

Her setter "rgb (102,102,255)" fargen, "ComicSans MS "er skrifttypen, og" 15pt "er skriftstørrelsen. Fargen kan også angis med navnet og skriften - både i størrelse og i piksler (for dette må du for eksempel skrive" 20px " ).

For å bruke dette designet, må du skrive i "p" -koden:

class = "myclass"

Du kan style hvilken som helst annen tekst på samme måte. Det er nok å stille inn "klasse" -parameteren med verdien av klassen du vil bruke.

Og for å opprette en identifikator med navnet "myid", må du skrive i "stilen":

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

og i "p" -koden angir du "id" -attributtet med verdien "myid".

Klasse og ID er stort sett det samme. I dette tilfellet kan en kode ha både den første og den andre erklært:

class = "myclass" id = "myid"

Det er to måter å endre utseendet påtekst - HTML og CSS. Hvis du trenger å style en eller to blokker, bruk HTML. Og for et stort antall avsnitt med samme formatering er CSS mer praktisk.

Som du kan se, er det enkelt å endre skriftstørrelsen i HTML. Nøkkelen til programmering er praksis, så prøv hardere, så lykkes du!