Hvordan lage en statisk webside

Hvordan lage en statisk webside


Dersom en oppfinnelse har fullstendig forandret verden innen vår levetid, er det internett. Flere og flere ønsker en tilstedeværelse på nettet utover det som tilbys av sosiale nettverk: de ønsker en web plass til å kalle sitt eget. Store nettsteder blir stadig mer komplekse og bruke nybegynner-skremmende sjargong som Flash, CSS, perl og Javascript, men frykt ikke. Fire enkle bokstaver kan la noen få en web tilstedeværelse på kort tid: HTML. Bokstavene står for Hypertext Markup Language, et programmeringsspråk som bruker en rekke koder for å lage en statisk nettside. Jo flere koder du vet, jo mer kan du gjøre med en statisk nettside.

Bruksanvisning

1 Lag den grunnleggende skjelett av en statisk webside ved å kopiere følgende kode inn i et enkelt tekstredigeringsprogram, for eksempel Notisblokk:

<HTML>
<HEAD> </ HEAD>
<BODY> </ BODY>
</ HTML>

Deretter lagrer du filen som index.html (standard hovedsiden navn), og åpne den i nettleseren din. Du skal kunne se noe fordi du har opprettet en tom webside.

Alle disse kodene har en mening. Den <HTML> tag forteller leseren at en nettside kommer opp. <HEAD> er hvor all slags informasjon kan gå for søkemotorer. <BODY> betyr at den delen folk vil se, er i ferd med å begynne.

2 Tenk på HTML som to hovedtyper av tags (biter av kode i parentes). En forteller nettleseren for å begynne å gjøre noe, og en annen forteller den til å stoppe.

<Strong> Gjør denne teksten fet </ strong>

Alt etter <strong> - åpnings tag - vil være fet til den når </ strong> - den avsluttende koden. Den "/" forteller leseren til å stoppe.

3 Legg tekst til websiden. Skriv "Dette er min nettside" i kroppen på websiden, mellom <BODY> og </ BODY>. Lagre siden, og ta en titt på den i nettleseren. Resultatet er fin, men ikke så spennende. Prøv noen andre koder for å krydre det opp. For eksempel <strong> </ strong> gjør teksten fet; <Em> </ em> gjør teksten kursiv; <FONT SIZE = "5"> </ FONT> lar deg endre størrelsen på skriften, fra 1 (minste) til 6 (største); <FONT COLOR = "red"> </ FONT> gjør teksten rød (eller en annen farge du oppgir); <CENTER> </ CENTER> sentre tekst (eller et bilde) på siden.

Prøv å bruke flere av disse kodene på samme blokk med tekst. Du kan gjøre en hvilken som helst kombinasjon du ønsker.

Du kan også legge til et mellomrom mellom elementer på siden din ved å sette følgende mellom dem: <P> for et avsnitt pause; <BR> For et linjeskift; <HR> for å skape et brudd med en linje på tvers av websiden.

4 Legg bilder til siden din. Gjør dette ved å bruke tag <img src = "http://www.coolsite.com/image.jpg&quot;>., Og erstatte webadresse i at eksempelet med plasseringen av bildet du ønsker å bruke Dette er en av de få koder som ikke har en slutt tag. Bilder kan også være sentrert, akkurat som tekst.

5 Lag en lenke til et annet nettsted. Dette gjøres med merkelappen <A HREF="Click" rel="nofollow" target="_blank"> http: //www.location.com&quot;> Klikk her </A>. Denne koden gjør ordene "Klikk her" linken til et annet nettsted. I stedet for tekst, kan du bruke et bilde som kobling ved hjelp av koden <A HREF="&lt;IMG" rel="nofollow" target="_blank"> http: //www.location.com&quot;> & lt; IMG SRC = "& lt; / A" rel = "nofollow" target = "_blank"> http://www.coolsite.com/image.jpg&quot;> & lt; / a>.

Hint

  • Ved hjelp av disse HTML-koder sammen, kan du opprette statiske websider av kompleksitet du vil.
  • Tenk på HTML-koder som bokser i bokser, eller de russiske dukker. Dette kalles fuglefjell, og det holder alt ryddig og lett å lese. For eksempel, tekst plasseres mellom <strong> <em> <CENTER> og </ CENTER> </ em> </ strong> vil være fet, kursiv og sentrert. Den <CENTER> merket innsiden av <em> boksen, som er inne i <strong> boksen.