Hur du ändrar teckenstorlek i HTML

June 14

Hur du ändrar teckenstorlek i HTML. Innan HTML 4.0, kan egenskaperna hos tecken såsom storlek manipuleras genom "font" tagg. Den här taggen är nu borta. World Wide Web Consortium (W3C) har tagit bort den från sin lista med rekommendationer eftersom det inte är bra att programmerare. Displayen egenskaper teckensnitt i en webbsida manipuleras av kaskad Style Sheets (CSS). Men eftersom den gamla "font" taggen stöds fortfarande, den här artikeln fokuserar på båda sätten att ändra typsnitt.

Instruktioner

Manipulera typsnitt Genom den

1 Öppna en HTML-fil i en textredigerare. Placera en "font" tag i "kroppen" taggar av en HTML-sida. Skriv en text mellan start- och slutdelar.

2 Sätt en "storlek" egendom i öppningstaggen och ge den ett värde av ett, som visas i exemplet nedan. Spara källfilen med koden nedan, uppdatera webbläsaren och observera storleken på typsnittet.

Exempel:
<Body>
<Font size = 1> Text </ font>
</ Body>

3 Ändra värdet för "storlek" egendom i steg 2 till 7. Spara källfilen, uppdatera skärmen och märker den nya teckenstorleken.

Manipulera typsnitt Genom Style Sheets

4 Placera en "header" och en "punkt" tag mellan "kropp" taggarna i en HTML-sida. Dessa är de vanliga header och stycke taggar från HTML 3.2. Skriv text mellan start- och slutdelen.

5 Sätt en "stil" egendom i den öppna delen av båda typerna. Värdet tas av en "stil" är "font-size" modifierings, följt av ett kolon och följs av en procent. Hela värdet är inom citationstecken. Teckenstorleken styrs av procenttalet. Det sträcker sig från 0 och har ingen övre gräns. Om inget nummer med tanke på storleken standard till 100 procent. Spara källfilen med koden nedan, uppdatera webbläsaren och ta del av teckenstorleken.

<Body>
<H1 style = "font-size: 120%"> Rubrik </ h1>
<P style = "font-size: 50%"> Punkt </ p>
</ Body>

6 Ändra procentvärden till något annat nummer, spara och uppdatera. Den procentuella antalet har ingen övre gräns vilket betyder att det kan överstiga 100. Observera hur teckenstorleken ändras.

Tips

Inte tillhandahåller en "storlek" attribut standard typsnitten till motsvarande storlek 3.
Med CSS storleken på typsnittet kan ökas / minskas med mycket små steg jämfört med 7 steg i HTML 3.2.
HTML 3.2 och "font" tag, men fortfarande stöds, är föråldrade.
När du öppnar en HTML-tagg, se till att du stänger den.

relaterade artiklar

Cancel reply Välkommen till dig för att skicka en kommentar:

DU KANSKE OCKSÅ GILLAR

•Visningsinställningar safari