HTML Tutorial Tips og triks

HTML Tutorial Tips og triks


Den Hypertext Markup Language (HTML) brukes til å designe websider. HTML-dokumenter inneholder teksten innholdet på en webside med spesielle koder for å endre formateringen av teksten og dens layout og å knytte bilder inne på siden. Noen tips kan bidra til å effektivisere prosessen med koding HTML, slik at du kan fokusere på kreativitet i stedet for koding.

Sett CSS inn i HTML

HTML gir formatering koder for justering av farger, stiler og andre parametere av webside design. CSS er et ekstra verktøy som kombinerer med HTML for å gi større kontroll over formateringen. I det minste, kan CSS deg til å eksperimentere med visse HTML-parametre raskere, slik at du kan prøve forskjellige design ideer. Mens du kan justere normalt skriftfargen på et ord eller en setning ved å skrive "<font color = red>", i CSS du angir en stil, for eksempel "<font style = mystyle>". Deretter konfigurerer du "mystyle" separat. En spesielt tidsbesparende funksjon i dette tipset er at du umiddelbart kan endre farge og andre innstillinger av all tekst i en enkelt side eller flere sider ved ganske enkelt å redigere "mystyle" attributter. På toppen av HTML-dokument, "<head>" -delen, skape "mystyle" parametere ved å skrive:

<Style type = "text / css">
font.mystyle {color: sienna;}
</ Style>

Når du endrer fargen inne i dette stykke CSS-kode, vil HTML gjengi alle forekomster av "mystyle" font med den nye fargen. Du kan legge til mange formatering parametere inne singelen "mystyle" innstilling til styre mange designdetaljer raskt. Uten dette tipset, vil du i stedet må endre skriftinnstillingene manuelt for hver avsnitt eller forekomst der fargen ble brukt.

gradient bakgrunn

Alle HTML-sider har en bakgrunn. Det kan bare være en farge eller standard hvit eller grå levert av nettleseren. Noen websider bruker bilder. Innlemming et bilde er utfordrende som du må sørge for at det ikke visuelt forstyrre teksten på skjermen. I tillegg kan bildene må bli strukket eller gjentatt å fylle opp hele plassen bak en webside. Alternativet av en fast farge er ikke alltid attraktivt. Hvis du ønsker å gi en mer interessant bakgrunn, bør du vurdere en farge gradient som blekner mellom to farger. Legg dette til "<body>" tag:

<Body style = "filter: progid: DXImageTransform.Microsoft.Gradient (endColorstr = '# C0CFE2', startColorstr = '# FFFFFF', gradientType = '0');">

Bruk den to farger du ønsker i stedet for farger "# C0CFE2" og "#FFFFFF" i denne koden. Dette tipset at du har rik bakgrunn som ikke krever omfattende bildemanipulering.

Bruk en HTML Color Chart

HTML gjenkjenner mange standard ord for farge formatering, for eksempel "rød", "blå" og "gul". Men tusenvis av farger er tilgjengelige når du oppretter HTML-kode, og de er formatert med spesielle fargekoder. Mens noen programmer automatisk inn disse verdiene, er det nyttig å ha lett tilgang til en HTML-fargekart når du er koding sidene selv. Du kan raskt identifisere interessante nyanser og bare bruke fargekoden gitt. Mange HTML fargekart er tilgjengelig på nettet. De har alle lignende informasjon. Finn en som passer din smak og et bokmerke for rask enkel tilgang under designarbeid.