Hvordan kode en webside

December 15

Coding en nettside krever kunnskap om HTML og CSS. HTML, eller Hyper Text Markup Language, er skriptspråk som bruker koder for å fortelle en nettleser hvordan å gjengi websiden. CSS eller Cascading Style Sheet er et annet skriptspråk som gjør styling av HTML og skaper utformingen av nettsiden. Både HTML og CSS er skrevet ut i en tekst editor og deretter websiden lagres som en HTML-fil for visning på Internett.

Bruksanvisning

1 Åpne teksteditor og opprette en ny fil. Klikk på "File" og "New" for å starte en ny fil.

2 Skriv inn start- og sluttkoder trengs for nettleseren å gjenkjenne filen som en nettside. HTML bruker koder som er innkapslet i mindre enn og større enn symboler. Hver brikke har en begynnelse tag og en slutt tag til encase innholdet som er synlig når du ser på nettsiden. Hver side starter og slutter med de samme koder, HTML-koden og BODY-koden. HTML-koden forteller leseren at filen inneholder HTML og BODY-koden inneholder det synlige innholdet på nettsiden. HEAD taggen inneholder annen informasjon som leseren trenger å vite før skjærende innholdet i BODY-koden. For en enkel webside, dette er bare tittelen tag, som inneholder tittelen på websiden vises i kategoriene og tittellinjen i nettleseren. For eksempel:

<Html>

<Head>

<Title> Websiden </ title>

</ Head>

<Body>

</ Body>

</ Html>

HTML-koden inneholder hele siden. "Websiden" vil dukke opp i kategoriene og tittellinjen i en nettleser. Hver tag har en avsluttende koden. For de fleste tags, dette er en kopi av koden med en skråstrek før navnet på taggen.

3 Legg til innhold på websiden din mellom BODY-kodene og bruk ledd koder for å bryte opp teksten. Avsnitts kodene er <p> </ p> og surround tekst tvinge en dobbel plass etter slutten av koden. Omgi innholdet i en divisjon tag for å skille innholdet fra bakgrunnen. For eksempel:

<Body>

<Div>

<P> Dette er første ledd. </ P>

<P> Dette er ledd. </ P>

</ Div>

</ Body>

4 Legg layout, farge og stil på siden ved hjelp av CSS. CSS kan legges til en nettside på flere måter. Det enkleste er å bruke inline CSS via stilen attributtet. Stilen attributt er plassert etter navn tag men før større enn symbol i begynnelsen tag. For eksempel vil en side med svart tekst på hvit bakgrunn, sentrert på en lyseblå bakgrunn se slik ut:

<P> Dette er første ledd. </ P>

<P> Dette er ledd. </ P>

</ Div>

</ Body>

CSS-elementer er oppført i anførselstegn etter stil attributter. Elementene har forskjellige parametere inkludert farge og størrelse. I eksempelet ovenfor, er kroppen tag stil gitt en bakgrunn av lys blå, med ingen padding eller marginer så den når full størrelse i nettleservinduet, en skriftfarge svart via fargeelement og en skriftstørrelse på 14 piksler. Farger er gitt i hex verdier. Hex verdien av en farge er funnet ved hjelp av en fargevelger. En gratis online fargevelgeren er oppført i avsnittet nedenfor. Den DIV tag, som inkluderer avsnitt og innholdet av websiden, er gitt en hvit bakgrunn, en automatisk margin som sentrerer den hvite boksen på skjermen og en utfylling på 10 piksler. Polstringen setter plass mellom kanten av boksen og teksten innsiden av boksen. Boksen er også gitt bredde på 800 piksler, slik at det ser ut til å være omgitt av lys blå bakgrunn i BODY-koden.

5 Lagre filen ved å klikke på "Fil" og "Lagre" og deretter gi filen navnet "index.html".