Wkuno

Hvordan lage en enkel nettside med HTML

Selv om du kan lage en webside uten å vite HTML, vil du ha uunngåelige problemer uansett hvilken nettside editor du bruker, og du vil trenge for å kunne HTML for å fikse det. Det er mange gode nettsteder der du kan lære HTML, men denne artikkelen viser deg det grunnleggende om å lage et nettsted i dette formatet. Med denne grunnleggende innføring, vil du snart kunne lage en webside fra scratch!

Trinn

Hvordan lage en enkel nettside med HTML. Gjør din første web side så enkelt som mulig.
Hvordan lage en enkel nettside med HTML. Gjør din første web side så enkelt som mulig.

Ved hjelp av HTML

  1. 1
    Forstå hva HTML er. HTML er kodespråket som gjør web-sider. Hvis du vil se hvordan det ser ut, gå inn i IE og høyreklikke for å velge "View Source". Du vil se en side av koden, og det er HTML. At koden er hva leseren ser og tolker det inn som at web-side
    • I Internet Explorer, er utsikten menypunktet "source". I Mozilla Firefox, trykk [Ctrl] + U for å vise sidens kildekode. I Safari, velg View - View Source (eller Tilvalg + Kommando + U).
  2. 2
    Gjør din første web side så enkelt som mulig. Hvis du ikke gjør det, vil du sannsynligvis bli overveldet av syntaksen og script språk.
    • Det er viktig å huske at du skal skrive din informasjon mellom en åpning HTML-kode og en avsluttende HTML-koden. En åpning tag ser slik ut: <___>. En avsluttende koden ser slik ut: </ ___>. Til slutt blir ___ erstattet med en kode.
  3. 3
    Gå til Start, deretter "programmer" og deretter "tilbehør". Klikk "Notisblokk".
  4. 4
    Fortelle leseren hvilket språk du bruker. Skriv <html>. Det er den første koden du skriver som forteller datamaskinen du starter en web-side. Det vil også være stengt sist, så på slutten av dokumentet, lukke den av ved å skrive dette: </ html>. Dette ender nettsiden.
  5. 5
    Legg overskriften på siden som vist.
  6. 6
    Gi siden et navn. En tittel er viktig fordi det gir brukerne en idé om hva siden handler om. Også når brukerne bokmerke nettstedet ditt, er at tittelen alt de vil se i deres huskelappen. Tittelen for HTML kode er <title>. Lukke den av på slutten av tittelen din ved å skrive </ title> Tittelen kommer til å vise på fanen ikke forvente at det skal være tittelen på selve nettsiden.
  7. 7
    Arbeidet med kroppen på siden. Skriv <body> å åpne body-koden. Deretter lukker body-koden ved å skrive </ body>. Hovedtyngden av informasjonen for din web-side går mellom <body> og </ body>.
  8. For å gi din web-side en bakgrunnsfarge, kan du legge til en stil til kroppen. I stedet for å bare skrive, skrive <body style="background-color:silver">. Du kan prøve en annen farge eller en hex-kode. Ordene i anførselstegn er kjent som "attributter." de må være omgitt av anførselstegn!
8
Skriv litt tekst mellom body-kodene.
  • For å gjøre teksten gå til neste linje (som å trykke "Enter" på tastaturet), skrive <br>.
  • Vil du legge til en rulletekst, ellers kjent som et ord som beveger seg over en skjerm? Bare skriv <marquee> TEKST GOES HERE </ marquee>.
9
Legg ut noen bilder. Hvis du ønsker å sette et bilde fra Internett til din nettside, er HTML-koden for bilder <img src="VVJM">. Den avsluttende koden er:. Imidlertid er den avsluttende koden valgfritt.
10
Kontroller at alle kodene er stengt. Din webside bør se omtrent slik ut:

<bgcolor="yellow">
<marquee> Det er det beste nettstedet i verden! </ marquee>
<img src="IHNraW5zL2NvbW1vbi9pbWFnZXMvR29vZ2xlX2xvZ29fNS5naWY=">
11
Lagre arbeidet. Gå til "lagre som", legg et filnavn med. Html (for eksempel "testfile.html") og velg "alle filer" eller "tekst" under filtype. Det vil ikke fungere hvis begge ikke er ferdig. Gå og finn den siden hvor du lagret det, dobbelklikke på den, og din standard nettleser bør åpne opp din egen web-side.

Tips

  • Å kunne piske opp en enkel web-side i minutter flat kan være en nyttig metode for å imponere vennene dine. Du kan gå opp til en av dine venner og tilby å gjøre en for dem. De vil trolig bli imponert og smigret.
  • Her er et eksempel på en feil plassering av koder <tag1> <tag2> uttalelser </ tag1> </ tag2>
  • Denne artikkelen forteller deg hvordan du kan lage en web-side. Konsultere de relaterte Googles nedenfor for informasjon om hvordan du kan publisere din web-side.
  • Når du åpner en kode, må du lukke det med mindre det er en av de spesielle koder som ikke trenger å være stengt. Disse vil inkludere <img> eller <hr>. Men når du er i tvil, lukk taggen.
  • Hvis du ønsker å finpusse koden, finne filen og endre navn på ". Htm" til ". Txt". Alternativt kan du spare to kopier av koden, en av dem er. HTM og den andre er. Txt. Dette lar deg redigere redigere det senere.
  • Mange gjør en levende utforme sider. Arbeidet med dine ferdigheter, og du kan være i stand til så vel!
  • For å gjøre mer avanserte nettsider, bruk en nettredaktør som Microsoft Expression Web.
  • Sluttkoder kan ikke plasseres hvor som helst. Den "siste" tag "i" må være den "første" tag "ut." Det skal se slik ut: <tag1> <tag2> uttalelser </ tag2> </ tag1>
  • Du kan også prøve Adobe Dreamweaver. Det skal hjelpe deg, når du har noen problemer, som det viser, hva problem du har, og hvordan det kan løses.
  • Hvis web-siden ikke fungerer, kopiere og lime prøven HTML kode ovenfra og lagre som beskrevet, og deretter vise siden. Lek litt med den eksisterende koden som du lærer.
  • Bruk en mal for å teste endringer du gjør på personlige nettsteder som Myspace, før du foretar den faktiske endringer.
  • Du kan finne mange tutorials for å hjelpe med dette rundt på nettet. Gjør et google søk etter HTML-kode tutorials.
  • Kontroller at alle feil blir rettet, slik at de kan søke den opp lett.

Advarsler

  • Pass på at du manuelt skrive ". Html" eller ". Htm" på slutten av filnavnet og velg "alle filer" eller "txt" under filtype. Det vil ikke fungere hvis begge ikke er ferdig.
  • Vær sikker på at du vert dine egne bilder slik at du ikke stjeler båndbredde av dagens vert. Du kan være vert for bilder på nettsteder som Photobucket, Flickr eller Imageshack.
  • Den <marquee> tag er ikke en offisiell html-koden som definert av W3C (World Wide Web Consortium), og kanskje ikke fungerer i alle nettlesere. Denne koden ble opprettet og første støttes av Internet Explorer, og nå har noen støtte for eldre av andre nettlesere.
  • Den "bgcolor" attributt er utdatert. Den riktige måten å endre bakgrunnsfargen elementer er å bruke CSS.

Ting du trenger

  • En tekstredigering program som Notisblokk (for Windows) eller TextEdit (for Mac).
  • En nettleser som Mozilla Firefox eller Safari.
  • Datamaskin med en Internett-tilkobling
  • Filbehandler av noe slag som Windows Explorer (valgfritt)
  • Et bilde hoster som Photobucket eller Flickr