Slik lager du en webside ved hjelp av HTML-koder

HTML er språket på nettet. HTML består av braketterte koder som omgir tekst og grafikk og forteller en nettleser hva de skal gjøre med dem. HTML-kodebiblioteket inneholder koder som styrer skrift, stil og innrykk, samt spesielle visningsformater som tabeller, punktlister og tekstinnpakning. De fleste HTLM-koder kommer i par som varsler nettleseren når du skal starte en bestemt funksjon og når du skal stoppe. Enkelte attributter du inkluderer inne i tagbrakettene, spesifiserer videre funksjonen til den aktuelle taggen.

Skriv HTML-koden

1.

Åpne Notisblokk, plassert under "Start" -menyen i mappen "Tilbehør".

2.

Skriv inn taggen "" - slipp opp sitatene utenfor parentesene her og over - øverst på siden din. På neste linje legger du til taggen "". Denne kombinasjonen av tagger forteller at nettleseren forventer at HTML-koden skal følge.

3.

Trykk på noen få linjer, og skriv "" nederst på dokumentet. Gjør dette nå hindrer deg i å glemme å lukke åpningskoden senere.

4.

Klikk inn mellom åpnings- og lukkekoder på en tom linje. Ikke bekymre deg for å ha ekstra linjer mellom koden din. Nettleseren ignorerer alle tomme linjer i et HTML-dokument.

5.

Skriv strenget av koder "." Mellom åpning og lukking merker du inn tittelen for websiden din. For eksempel kan Joe Smiths personlige nettside inkludere koden Velkommen til Joe Smiths hjemmeside.

6.

Skriv "" taggen på neste linje, og legg deretter til noen flere tomme linjer og skriv inn "" lukkekoden. Innholdet på hele websiden din ligger mellom disse kodene.

7.

Klikk på en tom linje over lukkekoden og skriv "" taggen for å starte et nytt tekst avsnitt. Klikk mellom åpning og lukking

koder for å legge til teksten. Hvert nytt avsnitt skal starte med a

tag eller nettleseren vil ikke vite om du vil flytte teksten til en ny linje.

8.

Endre skriftstilen i avsnittet ditt med tagattributtene "stil" og "font-familie" inne i

tag ved hjelp av formatet

hvor "name_of_font" er den spesifikke skrifttypen du vil at teksten i dette avsnittet skal vises. For eksempel, hvis Joe Smith ønsket å endre sin avsnitt skrift til Verdana, ville koden se ut

.

9.

Legg inn tekst mellom og Merker hvis du vil ha fet eller kursiv.

10.

Legg til et bilde på siden din med taggen . Dette er en av de få HTML-kodene som ikke krever en lukkerkode. Inne i tag, bruk "src" attributtet for å angi plasseringen av bildefilen. For eksempel, hvis Joe Smith ønsket å inkludere et bilde av seg selv på sin nettside, ville han bruke koden

. Alt-attributtet beskriver bildet for personer med synshemming ved hjelp av skjermlesere for å bla gjennom nettet, eller i tilfelle bildet ikke lastes inn i nettleservinduet.

11.

Legg til en hyperkobling til siden din med taggen. Mellom taggene, skriv inn teksten besøkende klikker på for å gå til den siden. Inne i åpningstaggen, bruk attributten "href" for å spesifisere nettadressen linken tar deg til når du klikker. For eksempel, hvis Joe Smith ønsket å legge en link på sin nettside til sin søster Sally Smiths nettside, ville han bruke koden Klikk her for å besøke min søsters Sallys side.

Lagre filen i HTML-format

1.

Klikk på "Fil" -menyen i Notisblokk og velg "Lagre som" -kommandoen. Velg "Alle filer ( . )" Fra rullegardinmenyen Lagre som type.

2.

Gi filen et ordnavn i "Filnavn" -boksen og legg til utvidelsen ".HTM" til slutten av filnavnet.

3.

Klikk på "Lagre" -knappen for å lagre denne Notisblokkfilen som en HTML-fil.

4.

Høyreklikk på det lagrede filikonet og velg "Åpne med" fra hurtigmenyen. Velg nettleserprogrammet fra listen over foreslåtte applikasjoner for å teste hvordan nettsiden skal vises når du laster opp den til en webserver.

Tips

  • Koden legger automatisk til litt ekstra mellomrom mellom forrige avsnitt og neste avsnitt for lesbarhet. Hvis du vil ha mindre linjeplass, bruk taggen for en enkel linjeskift i stedet for en avsnittspaus.
  • Hvis du vil bruke en bestemt skrifttypestil på hele websiden i stedet for avsnittet i avsnittet, bruker du en kode etter taggen øverst i dokumentet. Inne i taggen definerer du skriften for alle koder med koden:
  • p {font-family: verdana;}
  • HTML-kodefiler krever vanlig tekstformat og filtypen .HTM for en nettleser å gjenkjenne og utføre koden. Når du skriver kode for hånd, er det viktig å bruke en tekstredigerer, og derfor er Notepad perfekt for denne oppgaven. Wordpad og Microsoft Word kan også fungere som en vanlig tekstredigerer, men du må huske å lagre HTML-koden filen som "Kun tekst" i dialogboksen "Lagre som". Begge programmene legger til utvidelsen ".TXT" til filen, men du kan endre filnavntillegget etterpå til ".HTM" ved å høyreklikke på filikonet i Windows Utforsker.

advarsler

  • Når du spesifiserer en skrift i taggen eller taggen, må du huske at nettlesere bare kan vise skrifter tilgjengelig i operativsystemet til datamaskinen som viser websiden. Hvis datamaskinen ikke har skrifttypen, vises teksten i nettleserens standard skrift, vanligvis Times New Roman.
  • Hvis du forsøker å skrive inn HTML-kode i Microsoft Word og lagre dokumentet som HTML i stedet for vanlig tekst, tolker ikke HTML-kodene og produserer en webside. I stedet konverterer Word alle tegnene på siden til tekst som kan vises. Dette resulterer i alle HTML-kodene i deres spisse parentes som vises på websiden din.
 

Legg Igjen Din Kommentar