Hvis du foretrækker at kode websites med hånden, kan du redigere HTML-filer i en grundlæggende tekstredigerer som Notepad (Windows) eller TextEdit (MacOS). Hvis du hellere vil kunne flytte elementer rundt på skærmen og se live previews, kan du bruge en WYSIWYG (hvad du ser, er hvad du får) Editor som Dreamweaver eller Kompozer. ThisTeaches dig, hvordan du åbner og rediger en HTML-fil i en standard eller visuel redigering app.

Trin

Metode 1 af 4:

Brug en notesblok på Windows

1. Klik på Windows Start-knappen

. Det er knappen, der har et Windows-logo i proceslinjen. Som standard er det i nederste venstre hjørne. Dette viser startmenuen

Billede med titlen Rediger HTML-filer Trin 2

2. Type Notepad. Dette viser notesblok i startmenuen.

Billedet med titlen Rediger HTML-filer Trin 3

3. Klik Notepad. Det har et ikon, der ligner en notesblok med et blåt cover.

Billedet med titlen Rediger HTML-filer Trin 4

4. Klik Fil. Det er øverst på menulinjen i Notepad. Dette viser en rullemenu. Dette viser en filbrowser, du kan bruge til at åbne filer i Notepad.

Billedet med titlen Rediger HTML-filer Trin 5

5. Klik Åben. Det er den anden mulighed i rullemenuen Filer.

Billede med titlen Rediger HTML-filer Trin 6

6. Vælg "Alle filer" I rullemenuen Filtype. Klik på rullemenuen, der siger "Tekstdokumenter (.txt)" og vælg "Alle filer" I rullemenuen. Dette viser alle dokumenttyper (inklusive HTML-filer) i filbrowseren.

Billedet med titlen Rediger HTML-filer Trin 7

7. Vælg en HTML-fil og klik på Åben. Dette åbner HTML-dokumentet i Notepad. Du kan redigere HTML-koden i Notepad.

Alternativt kan du Opret et nyt HTML-dokument i Notepad.

Billedet med titlen Rediger HTML-filer Trin 8

8. Rediger HTML-koden. For at redigere HTML i Notepad skal du bruge Lær HTML så du kan redigere det med hånden. Fælles elementer, du kan redigere, omfatter følgende.

: Dette går øverst på HTML-dokumentet. Dette fortæller webbrowseren, at dette er et HTML-dokument.

: Disse tags går øverst og nederst på HTML-dokumentet. Dette indikerer, hvor HTML-koden starter og stopper.

: Disse tags går øverst på HTML-dokumentet. De angiver, hvor hovedet på HTML-dokumentet starter og stopper. Hovedet for HTML-dokumentet indeholder oplysninger, der ikke ses på websiden. Dette omfatter sidetitel, metadata og CSS

Side titel: Disse tags angiver titlen siden. Titlen går i hovedet på HTML-dokumentet. Indtast afsnittet på siden i mellem disse to tags.

: Disse tags angiver, hvor HTML-dokumentets krop starter og stopper. Kroppen er, hvor alt websideindhold er skrevet. Kroppen kommer efter hovedet i HTML-dokumentet.

Overskrift tekst: Disse tags opretter overskriftstegn. Teksten mellem "

" og "

" Tags vises som en stor fed tekst. Tekst går i HTML-dokumentets krop.

Stykke tekst: Disse tags bruges til at oprette afsnittekst i et HTML-dokument. Den tekst, der går imellem "

" og "

" vises som normal størrelse tekst. Tekst går i HTML-dokumentets krop.

Fed skrift tekst: Disse tags bruges til at skabe fed skrift. Den tekst, der går imellem "" og "" vises som fed skrift.

Kursiv tekst: Disse tags bruges til at skabe kursiv tekst. Den tekst, der går imellem "" og "" vises som itallisk tekst.

Link tekst: Dette mærke bruges til at linke til en anden hjemmeside. Kopier den webadresse, du vil linke til og indsætte den, hvor det står "URL" (mellem citatmærkerne). Teksten til linket, hvor det står "Link tekst" (ingen citatmærker nødvendige).

: Dette tag bruges til at sende et billede ved hjælp af HTML. Erstatte tekst, der siger "Billed URL" Med billedets webadresse.

Billede med titlen Rediger HTML-filer Trin 9

9. Klik Fil. Det er i menulinjen øverst på skærmen.

Billedet med titlen Rediger HTML-filer Trin 10

10. Klik Gem som. Dette åbner en dialogboks, du kan bruge til at gemme din fil.

For at gemme filen, da det er eksisterende navn og filtype, skal du blot klikke på Gemme I rullemenuen nedenfor "Fil".

Billede med titlen Rediger HTML-filer Trin 11

11. Vælg "Alle filer". Brug rullemenuen ved siden af Gem som type" at vælge "Alle filer".

Billede med titlen Rediger HTML-filer Trin 12

12. Indtast et navn til filen. Brug boksen ved siden af "Filnavn" at skrive et navn til filen.

Billede med titlen Rediger HTML-filer Trin 13

13. Type .html I slutningen af filen. Når du har skrevet et navn til filen i "Filnavn" boks, tilføj forlængelsen ".html" I slutningen af filnavnet. Uden denne udvidelse vil det gemme filen som en .TXT-fil, i stedet for en HTML-fil.

Billede med titlen Rediger HTML-filer Trin 14

14. Klik Gemme. Dette gemmer filen.

Metode 2 af 4:

Brug af TextEdit på Mac

1. Klik på forstørrelsesglasikonet

. Det er i øverste højre hjørne af Mac-skrivebordet. Dette viser en søgelinje.

Billedet med titlen Rediger HTML-filer Trin 16

2. Type TextEdit I søgefeltet. Dette viser en liste over apps, der matcher dit søgeresultat.

Billede med titlen Rediger HTML-filer Trin 17

3. Klik TextEdit.App. Det er øverst på søgeresultaterne. Det er ved siden af et ikon, der ligner et ark papir og en pen.

Billedet med titlen Rediger HTML-filer Trin 18

4. Klik Fil. Det er på menulinjen øverst på skærmen, når TextEdit er åben.

Billede Titlet Rediger HTML-filer Trin 19

5. Klik Åben. Dette åbner en filbrowser, du kan bruge til at navigere på dine Mac og åbne filer.

Billedet med titlen Rediger HTML-filer Trin 20

6. Klik på en HTML-fil og klik på Åben. HTML-filer har en udvidelse, der siger ".html" Efter filnavnet. Brug filbrowseren til at navigere til en HTML-fil, og klik på den for at vælge den. Så klik Åben For at åbne HTML-filen i TextEdit.

Billede med titlen Rediger HTML-filer Trin 21

7. Rediger HTML-koden. Du kan bruge TextEdit til at redigere HTML-kode på fabrikat. Du skal Lær HTML så du kan redigere det med hånden. Fælles elementer, du kan redigere, omfatter følgende.

: Dette går øverst på HTML-dokumentet. Dette fortæller webbrowseren, at dette er et HTML-dokument.

: Disse tags går øverst og nederst på HTML-dokumentet. Dette indikerer, hvor HTML-koden starter og stopper.

Side titel: Disse tags angiver titlen siden. Titlen går i hovedet på HTML-dokumentet. Indtast afsnittet på siden i mellem disse to tags.

: Disse tags angiver, hvor HTML-dokumentets krop starter og stopper. Kroppen er, hvor alt websideindhold er skrevet. Kroppen kommer efter hovedet i HTML-dokumentet.

Overskrift tekst: Disse tags opretter overskriftstegn. Teksten mellem "

" og "

" Tags vises som en stor fed tekst. Tekst går i HTML-dokumentets krop.

Stykke tekst: Disse tags bruges til at oprette afsnittekst i et HTML-dokument. Den tekst, der går imellem "

" og "

" vises som normal størrelse tekst. Tekst går i HTML-dokumentets krop.

Fed skrift tekst: Disse tags bruges til at skabe fed skrift. Den tekst, der går imellem "" og "" vises som fed skrift.

Kursiv tekst: Disse tags bruges til at skabe kursiv tekst. Den tekst, der går imellem "" og "" vises som itallisk tekst.

: Dette tag bruges til at sende et billede ved hjælp af HTML. Erstatte tekst, der siger "Billed URL" Med billedets webadresse.

Billedet med titlen Rediger HTML-filer Trin 22

8. Klik Fil. Det er i menulinjen øverst på skærmen.

Billede med titlen Rediger HTML-filer Trin 23

9. Klik Gemme. Det er i rullemenuen nedenfor "Fil". Dette gemmer HTML-filen.

For at ændre navnet på filen, klik på Omdøb i "Fil" Drop down menu. Indtast et nyt navn til filen øverst på skærmen. Sørg for at medtage ".html" Forlængelse øverst på siden.

Metode 3 af 4:

Ved hjælp af Dreamweaver

1. Åben Dreamweaver. Dreamweaver har et ikon, der ligner en grøn torv, der siger "DW" i midten. Klik på ikonet i menuen Windows Start eller Programmappe på Mac for at åbne Dreamweaver.

Adobe Dreamweaver kræver en abonnement. Du kan købe et abonnement, der starter med $ 20.99 en måned.

Billede med titlen Rediger HTML-filer Trin 25

2. Klik Fil. Det er i menulinjen på toppen af skærmen.

Billedet med titlen Rediger HTML-filer Trin 26

3. Klik Åben. Det er i rullemenuen nedenfor "Fil".

Billedet med titlen Rediger HTML-filer Trin 27

4. Vælg et HTML-dokument og klik på Åben. Brug filbrowseren til at vælge et HTML-dokument på din computer, og klik på den for at vælge det. Så klik Åben i nederste højre hjørne.

Billedet med titlen Rediger HTML-filer Trin 28

5. Klik Dele. Det er den midterste fane øverst på siden. Dette viser en delt skærm, der indeholder en HTML-editor på bunden og en preview-skærm på toppen.

Billede med titlen Rediger HTML-filer Trin 29

6. Rediger HTML-dokumentet. Brug HTML-editoren til at redigere HTML. Den måde, du redigerer HTML i Dreamweaver, er ikke for forskellig fra at redigere HTML i Notepad eller TextEdit. Når du skriver et HTML-tag, vises en søgemenu med matchende HTML-tags. Du kan klikke på HTML-tagget for at indsætte åbnings- og lukkekoder. Dreamweaver vil kontrollere for at sikre, at der åbner og lukker tags for alle dine HTML-elementer.

Alternativt kan du klikke på, hvor du vil indsætte et HTML-element i HTML-editoren og klikke på Indsættes I menulinjen øverst på skærmen. Klik på det emne, du vil indsætte i rullemenuen for at tilføje HTML-koden automatisk.

Billede med titlen Rediger HTML-filer Trin 30

7. Klik Fil. Når du er færdig med at redigere HTML-dokumentet, skal du klikke på Fil I menulinjen øverst på skærmen.

Billede Titlet Rediger HTML-filer Trin 31

8. Klik Gemme. Det er i rullemenuen nedenfor Fil. Dette gemmer dit HTML-dokument.

Metode 4 af 4:

Ved hjælp af Kompozer

1. Gå til https: // SourceForge.Net / Projekter / Kompozer / I en webbrowser. Du kan bruge enhver webbrowser på pc eller Mac. Dette er download-siden for KOMPOZER. Det er en gratis HTML (WYSIWYG) editor, der arbejder på både Windows og Mac.

Billede med titlen Rediger HTML-filer Trin 33

2. Klik Hent. Det er den grønne knap nær toppen af siden. Dette fører dig til en separat download side. Efter en 5 sekunders forsinkelse begynder din download.

Billedet med titlen Rediger HTML-filer Trin 34

3. Dobbeltklik på installationsfilen. Som standard findes dine downloadede filer i din "Downloads" mappe på pc eller mac. Du kan også klikke på dem i din webbrowser for at starte Kompozer Installer. Brug følgende instruktioner til at installere KOMPOZER:

Windows:

Hvis du bliver spurgt, om du vil tillade installatøren at foretage ændringer i dit system, skal du klikke på Ja.

Klik Næste I Intro Windows.

Klik på den radiale knap ved siden af "jeg accepterer aftalen" og klik Næste.

Klik Næste For at bruge standardinstallationsstedet eller klik på Gennemse For at vælge en anden installationsplacering.

Klik Næste og derefter klik Næste igen

Klik Installere

Klik Afslut

MAC:

Dobbeltklik på Kompozer Installer-filen.

Klik KOMPOZER.App

Klik på Apple-ikonet i øverste venstre hjørne.

Klik Systemindstillinger

Klik Sikkerhed og privatliv

Klik på Generel Tab.

Klik Åbn alligevel nær bunden af vinduet.

Klik Åben I pop op-vinduet.

Træk Kompozer-ikonet til dit skrivebord.

Åbn Finderen.

Klik på Applikationer folder.

Træk Kompozer-ikonet fra skrivebordet til mappen Programmer.

Billedet med titlen Rediger HTML-filer Trin 35

4. Åben Kompozer. Brug følgende trin til at åbne KOMPOZER på pc eller Mac

Windows:

Klik på Windows Start menu.

Type "KOMPOZER"

Dobbeltklik på Kompozer-ikonet.

MAC:

Klik på ikonet for forstørrelsesglas i øverste højre hjørne.

Type "KOMPOZER" I søgefeltet.

Dobbeltklik KOMPOZER.App.

Billede med titlen Rediger HTML-filer Trin 36

5. Klik Fil. Det er i menulinjen øverst på appen.

Billede med titlen Rediger HTML-filer Trin 37

6. Klik Åben fil. Det er den anden mulighed i rullemenuen nedenfor "Fil". Dette åbner en filbrowser, du kan bruge til at vælge en åben HTML-fil.

Billede Titlet Rediger HTML-filer Trin 38

7. Klik på en HTML-fil og klik på Åben. Dette åbner HTML-filen i KOMPOZER.

Billede med titlen Rediger HTML-filer Trin 39

8. Klik Dele. Det er den midterste fane øverst på siden. Dette viser en delt skærm, der indeholder en HTML-editor på bunden og en preview-skærm på toppen.

Du skal muligvis forstørre appen, så du har mere plads til at arbejde.

Billedet med titlen Rediger HTML-filer Trin 40

9. Rediger HTML-dokumentet. HTML-kildekode skærmen er nederst, du kan bruge denne skærm til at redigere HTML meget på samme måde som du ville i Notepad eller TextEdit. Du kan også bruge preview-skærmen til at redigere din HTML ved hjælp af følgende trin:

Brug rullemenuen i øverste højre hjørne for at vælge teksttype (I.e overskrift, afsnit, ect}

Klik og skriv for at tilføje tekst.

Brug knapperne i panelet øverst på skærmen for at tilføje fed, kursiv, tekstjustering, led, eller lister til din tekst.

Klik på den farvede firkant i panelet øverst på skærmen for at ændre tekstfarven.

Klik på Billede ikon øverst på skærmen for at tilføje et billede til dit HTML-dokument.

Klik på ikonet, der ligner en chainlink for at tilføje et link til dit HTML-dokument.

Billede med titlen Rediger HTML-filer Trin 41

10. Klik på Gemme ikon. Når du er færdig med at foretage ændringer i dit dokument, skal du klikke på knappen Gemme ikon øverst på skærmen. Det er under et ikon, der ligner en diskette. Dette sparer dit arbejde.