Hvordan Marker i HTML Syntax

Legge vekt på tekst på en webside er lett å bruke HTML-koder som produserer fet, kursiv og understreket type. Imidlertid har HTML ingen egen kode for å opprette en utheving effekt på tekst. For å bøte på dette, kan du bruke Cascading Style Sheets (CSS) kode med "span" tag for å markere deler av teksten i en hvilken som helst farge du liker. CSS styling kan gjøres innenfor en enkelt "span" tag for en one-off utheving effekt, eller integrert i en større intern eller eksternt stilark for hyppig bruk.

Bruksanvisning

1 Plasser "span" koder rundt teksten du ønsker å fremheve med "background-color" stil definert i "stil" attributtet hvis du bare trenger å bruke effekten en eller to ganger på en enkelt nettside. Her er et eksempel:

<P> Dette er en vanlig ledd i kroppen av et HTML-dokument. Men <span style = "background-color: yellow"> denne delen av den har blitt markert i gult </ span> bruker span tag og CSS </ p>.

Du kan bruke noen av de forhåndsdefinerte CSS-farger, som "gul" og "magenta", og kan også bruke heksadesimale og RGB fargekoder for å markere i hvilken som helst farge du liker. Gå til W3schools.com/css/css_colors_legal.asp for et dokument som beskriver alle mulige farger du kan angi.

2 Legg til følgende kode mellom "hodet" kodene i HTML-dokumentet hvis du ofte trenger å bruke utheving effekt på den siden:

<Style type = "text / css">

.hlyellow {background-color: gul;}

</ Style>

Deretter bruker span tag på følgende måte:

<Span class = "hlyellow"> uthevet tekst </ span>

Denne metoden er å foretrekke for sider med mye utheving, fordi du ikke trenger å skrive ut "background-color" stil hver gang, og du kan raskt endre uthevingen farge for hele siden bare ved å endre definisjonen på " head "-seksjonen. Du kan også definere flere klasser for forskjellige farger. Du kan bruke en hvilken som helst klasse navn du liker i stedet for "hlyellow", men bør unngå å starte navnet med et tall.

3 Sett inn følgende kode inn i et tomt tekstdokument, og deretter lagre det med et navn som "highlight.css" hvis du ofte trenger å markere tekst i flere websider:

.hlyellow {background-color: gul;}

Dette dokumentet kalles en ekstern CSS-stilark. For å bruke den i en bestemt webside, må du først plassere følgende kode mellom "hodet" tags av HTML-dokumentet:

<Link rel = "stylesheet" type = "text / css" href = "highlight.css" />

Den "href" attributt inneholder stien til CSS dokumentet, som i dette tilfellet bør lagres i samme katalog som HTML-dokumentet. Nå kan du bruke navnet klassen akkurat som i trinn 2 for å markere tekst:

<Span class = "hlyellow"> uthevet tekst </ span>

Du kan raskt endre fremhever fargen for mange websider samtidig ved hjelp av denne teknikken.