Sådan oprettes en webside ved hjælp af HTML-koder

HTML er sproget på internettet. HTML består af parenteser, der omgiver tekst og grafik og fortæller en webbrowser, hvad de skal gøre med dem. HTML-kodebiblioteket indeholder tags, som styrer skrifttype, stil og indrykning, samt specielle visningsformater som tabeller, punktlister og tekstindpakning. De fleste HTLM-tags kommer i par, der advarer browseren, når du starter en bestemt funktion, og hvornår skal du stoppe. Visse attributter, som du indbefatter inde i tagbøjlerne, angiver yderligere funktionen af ​​det pågældende tag.

Skriv HTML-koden

1.

Åbn notesblok, der er placeret under menuen "Start" i mappen "Tilbehør".

2.

Skriv tagget "" - slip citaterne uden parenteserne her og overalt - øverst på din side. I næste linje tilføjes tagget "". Denne kombination af tags fortæller browseren at forvente, at HTML-koden skal følge.

3.

Tryk på et par linjer vender tilbage og skriv "" nederst på dit dokument. Gør dette nu forhindrer dig i at glemme at lukke åbningskoden senere.

4.

Klik ind mellem åbnings- og lukkekoderne på en tom linje. Du skal ikke bekymre dig om at have ekstra linjer mellem din kode. Browseren ignorerer alle tomme linjer i et HTML-dokument.

5.

Skriv strenget af tags "." I mellem åbnings- og lukkekoderne indtaster du titlen til din webside. For eksempel kan Joe Smiths personlige hjemmeside indeholde koden Velkommen til Joe Smiths hjemmeside.

6.

Indtast tagget på den næste linje, og tilføj derefter et par flere tomme linjer og skriv "" lukkekoden. Indholdet på hele din webside ligger mellem disse tags.

7.

Klik på en tom linje over lukkekoden og skriv taggen "" for at starte et nyt tekst afsnit. Klik mellem åbning og lukning

tags til at tilføje din tekst. Hvert nyt afsnit skal starte med a

tag eller browseren ved ikke at flytte teksten til en ny linje.

8.

Skift skrifttypestil i dit afsnit med tagattributterne "style" og "font-family" inde i

tag ved hjælp af formatet

hvor "name_of_font" er den specifikke skrifttype, du vil have, at teksten i dette afsnit skal vises. For eksempel, hvis Joe Smith ønskede at ændre sin afsnit skrifttype til Verdana, ville koden se ud

.

9.

Placer tekst mellem og tags, hvis du vil have fed eller kursiv.

10.

Tilføj et billede til din side med tagget . Dette er en af ​​de få HTML-tags, der ikke kræver en lukkerkode. Inde i tag, brug attributten "src" til at angive placeringen af ​​billedfilen. For eksempel, hvis Joe Smith ønskede at inkludere et billede af sig selv på sin hjemmeside, ville han bruge koden

. Attributtet "alt" beskriver billedet til personer med synshandicap ved at bruge skærmlæserne til at surfe på internettet, eller hvis billedet ikke indlæses i browservinduet.

11.

Tilføj et hyperlink til din side med tagget. Mellem teksterne skal du skrive den tekst, som den besøgende klikker på, for at gå til den pågældende side. Inden for åbningstaggen skal du bruge attributten "href" til at angive den webadresse, linket tager dig til, når du klikker. For eksempel, hvis Joe Smith ønskede at placere et link på sin hjemmeside til sin søster Sally Smiths webside, ville han bruge koden Klik her for at besøge min søster Sallys side.

Gem filen i HTML-format

1.

Klik på menuen "Fil" i Notesblok og vælg "Gem som" kommandoen. Vælg "Alle filer ( . )" I rullemenuen "Gem som type".

2.

Giv din fil et ordnavn i feltet "Filnavn" og tilføj udvidelsen ".HTM" til slutningen af ​​filnavnet.

3.

Klik på "Gem" knappen for at gemme denne Notesblok-fil som en HTML-fil.

4.

Højreklik på det gemte filikon og vælg "Åbn med" i pop op-menuen. Vælg din webbrowserapplikation fra listen over foreslåede applikationer for at teste, hvordan websiden vises, når du uploader den til en webserver.

Tips

  • Tagget tilføjer automatisk en lille ekstra plads mellem det forrige afsnit og det næste afsnit for læsbarhed. Hvis du vil have mindre linjeplacering, skal du bruge tagget til en enkel linjeskift i stedet for en afsnitspause.
  • Hvis du vil anvende en bestemt skrifttypestil på hele websiden i stedet for afsnit for afsnit, skal du bruge et tag efter mærket øverst i dit dokument. Inden i tagget definerer du skrifttypen for alle tags med koden:
  • p {font-familie: verdana;}
  • HTML-kodefiler kræver almindeligt tekstformat og filtypen .HTM for en browser til at genkende og udføre koden. Når du skriver kode for hånd, er det vigtigt at bruge en tekstredaktør, hvorfor Notepad er perfekt til denne opgave. Wordpad og Microsoft Word kan også fungere som almindelig tekstredaktører, men du skal huske at gemme HTML-kodefilen som "Kun tekst" i dialogboksen "Gem som". Begge programmer tilføjer udvidelsen ".TXT" til filen, men du kan ændre filnavnet udvidelsen bagefter til ".HTM" ved at højreklikke på filikonet i Windows Stifinder.

Advarsler

  • Når du angiver en skrifttype i tag eller tag, skal du huske, at browsere kun kan vise skrifttyper, der er tilgængelige i computerens operativsystem, der viser websiden. Hvis computeren ikke har skrifttypen, vises teksten i browserens standard skrifttype, normalt Times New Roman.
  • Hvis du forsøger at skrive HTML-kode til Microsoft Word og gemme dokumentet som HTML i stedet for almindelig tekst, tolker Word ikke HTML-koderne og producerer en webside. I stedet konverterer Word alle tegnene på siden til tekst, der kan vises. Dette resulterer i alle HTML-tags i deres spidsbeslag, der vises på din webside.
 

Efterlad Din Kommentar