Hvordan lage Farget webside Tekst

Hvordan lage Farget webside Tekst


Enten du bruker et enkelt tekstredigeringsprogram (som Notisblokk for Windows eller TextEdit for Mac) eller en mer kompleks HTML editor for å lage en nettside, kan du bruke det samme programmet for å legge til stil direkte i selve HTML-dokumentet. The World Wide Web Consortium (W3C) anbefaler å bruke stilen attributtet for å utføre oppgaven med å legge farge på tekst (samt for å legge noen form for stil). Du må først åpne websiden du vil redigere, og endre dokumentet og publisere den på nettet.

Bruksanvisning

1 Åpne din foretrukne HTML eller tekst editor; teksten editor som kommer forhåndsinstallert med operativsystemet (Notepad i Windows eller TextEdit i Mac) vil utføre denne oppgaven.

2 Åpne websiden du vil legge farget tekst til. Dette er vanligvis en HTML-fil med filtypen .html eller .htm.

3 Finn den delen av HTML-dokumentet som inneholder teksten du vil legge til farge. Hvis du ønsker å legge farge til teksten på hele websiden, vil dette være "kroppen" -delen, eller hvis du ønsker å legge farge til en enkelt tekstavsnitt Finn tekst mellom "p" tags (<p> og </ p>).

4 Legg stilen attributt til den aktuelle delen av HTML-dokumentet. Hvis du legger farge til all teksten på siden, skriv "style =" color: blue "" i åpningen body-koden, erstatte "blå" med fargen du ønsker. For eksempel,

<Body style = "color: blue">

For å legge til farge til en enkelt avsnitt, skriver det samme i åpningen "p" tag i stedet for åpningen "body" tag. For eksempel,

<P style = "color: blue"> denne teksten vil være blå </ p>

5 Lagre HTML-dokument og laste det opp til web hosting leverandør hjemmeside. En Web hosting leverandør gjør at websider for å bli sett på internett. Finn "File Manager" program eller tilsvarende på verten nettsted. Dette programmet forenkler opplastingen.

Hint

  • For å legge til farge til et enkelt ord, setter ord med "span" tags og inkluderer stilen attributt i åpningen "span" tag (for eksempel <p> disse ordene vil være blå: <span style = "color: blue" > blå ord </ span> </ p>)
  • Bruk en heksadesimal verdi (hex verdi) i stedet for fargenavn for et større antall fargevalg (for eksempel type "style =" color: # 000099 ""). Se Ressurser for hex verdier.