Om du föredrar att koda webbplatser för hand kan du redigera HTML-filer i en grundläggande textredigerare som anteckningsblock (Windows) eller TextEdit (MacOS). Om du hellre skulle kunna flytta element runt på skärmen och se levande förhandsvisningar, kan du använda en WYSIWYG (vad du ser är vad du får) redaktör som Dreamweaver eller Kompozer. Thistaaches du hur du öppnar och redigerar en HTML-fil i en standard eller visuell redigeringsapp.

Steg

Metod 1 av 4:

Använda en anteckningsblock på Windows

1. Klicka på Windows Start-knappen

. Det är knappen som har en Windows-logotyp i aktivitetsfältet. Som standard är det i nedre vänstra hörnet. Detta visar Start-menyn

Bild med titeln Redigera HTML-filer Steg 2

2. Typ Anteckningsblock. Detta visar anteckningsblock i Start-menyn.

Bild med titeln Redigera HTML-filer Steg 3

3. Klick Anteckningsblock. Den har en ikon som liknar en anteckningsblock med ett blått lock.

Bild med titeln Redigera HTML-filer Steg 4

4. Klick Fil. Det är på toppen av menyraden i anteckningsblock. Detta visar en rullgardinsmeny. Detta visar en filbläddrare du kan använda för att öppna filer i anteckningsblock.

Bild med titeln Redigera HTML-filer Steg 5

5. Klick Öppna. Det är det andra alternativet i rullgardinsmenyn.

Bild med titeln Redigera HTML-filer Steg 6

6. Välj "Alla filer" I rullgardinsmenyn Filtyp. Klicka på rullgardinsmenyn som säger "Textdokument (.Text)" och välj "Alla filer" I rullgardinsmenyn. Detta visar alla dokumenttyper (inklusive HTML-filer) i filbläddraren.

Bild med titeln Redigera HTML-filer Steg 7

7. Välj en HTML-fil och klicka på Öppna. Detta öppnar HTML-dokumentet i anteckningsblock. Du kan redigera HTML-koden i anteckningsblock.

Alternativt kan du Skapa ett nytt HTML-dokument i anteckningsblock.

Bild med titeln Redigera HTML-filer Steg 8

8. Redigera HTML-koden. För att redigera HTML i anteckningsblock måste du Lär dig html så att du kan redigera den för hand. Vanliga element du kan redigera inkluderar följande.

: Detta går högst upp i HTML-dokumentet. Detta berättar webbläsaren att det här är ett HTML-dokument.

: Dessa taggar går på toppen och botten av HTML-dokumentet. Detta indikerar var HTML-koden börjar och slutar.

: Dessa taggar går högst upp i HTML-dokumentet. De anger var huvudet på HTML-dokumentet börjar och stannar. HTML-dokumentets huvud innehåller information som inte ses på webbsidan. Detta inkluderar sidtiteln, metadata och CSS

Namn på sidan: Dessa taggar anger titeln på sidan. Titeln går i huvudet på HTML-dokumentet. Skriv in titeln på sidan mellan dessa två taggar.

: Dessa taggar indikerar var HTML-dokumentets kropp börjar och slutar. Kroppen är där all webbsidans innehåll är skrivet. Kroppen kommer efter huvudet i HTML-dokumentet.

Rubrik text: Dessa taggar skapar rubrik taggar. Texten mellan "

" och "

" Taggar visas som en stor djärvt text. Text går i HTML-dokumentets kropp.

Stycke text: Dessa taggar används för att skapa stycke text i ett HTML-dokument. Texten som går mellan "

" och "

" visas som normal storlek text. Text går i HTML-dokumentets kropp.

Fettext: Dessa taggar används för att skapa djärvt text. Texten som går mellan "" och "" visas som djärv text.

Kursiv text: Dessa taggar används för att skapa kursiv text. Texten som går mellan "" och "" visas som itallic text.

Länktext: Den här taggen används för att länka till en annan webbplats. Kopiera den webbadress du vill länka till och klistra in det där det står "Url" (mellan citattecken). Texten för länken där den står "Länktext" (Inga citattecken behövs).

: Den här taggen används för att skicka en bild med HTML. Byt ut text som säger "bild URL" Med bilens webbadress.

Bild med titeln Redigera HTML-filer Steg 9

9. Klick Fil. Det finns i menyraden längst upp på skärmen.

Bild med titeln Redigera HTML-filer Steg 10

10. Klick Spara som. Detta öppnar en dialogruta som du kan använda för att spara din fil.

För att spara filen som det är befintligt namn och filtyp, klicka bara på Spara I rullgardinsmenyn nedan "Fil".

Bild med titeln Redigera HTML-filer Steg 11

11. Välj "Alla filer". Använd rullgardinsmenyn bredvid Spara som typ" att välja "Alla filer".

Bild med titeln Redigera HTML-filer Steg 12

12. Skriv ett namn för filen. Använd rutan bredvid "Filnamn" att skriva ett namn för filen.

Bild med titeln Redigera HTML-filer Steg 13

13. Typ .html I slutet av filen. När du har skrivit ett namn för filen i "Filnamn" låda, lägg till förlängningen ".html" I slutet av filnamnet. Utan denna förlängning sparar den filen som en .txt-fil, istället för en HTML-fil.

Bild med titeln Redigera HTML-filer Steg 14

14. Klick Spara. Detta sparar filen.

Metod 2 av 4:

Använda TextEdit on Mac

1. Klicka på den förstoringsglasikonen

. Det är i det övre högra hörnet av Mac-skrivbordet. Detta visar en sökfält.

Bild med titeln Redigera HTML-filer Steg 16

2. Typ Textport I sökfältet. Detta visar en lista med appar som matchar ditt sökresultat.

Bild med titeln Redigera HTML-filer Steg 17

3. Klick Textport.app. Det är högst upp i sökresultaten. Det ligger bredvid en ikon som liknar ett pappersark och en penna.

Bild med titeln Redigera HTML-filer Steg 18

4. Klick Fil. Det är på menyraden längst upp på skärmen när TextEdit är öppen.

Bild med titeln Redigera HTML-filer Steg 19

5. Klick Öppna. Detta öppnar en filbläddrare du kan använda för att navigera i din Mac och öppna filer.

Bild med titeln Redigera HTML-filer Steg 20

6. Klicka på en HTML-fil och klicka på Öppna. HTML-filer har en förlängning som säger ".html" Efter filnamnet. Använd filbläddraren för att navigera till en HTML-fil och klicka på den för att välja den. Klicka sedan Öppna För att öppna HTML-filen i TextEdit.

Bild med titeln Redigera HTML-filer Steg 21

7. Redigera HTML-koden. Du kan använda TextEdit för att redigera HTML-kod på Make. Du behöver Lär dig html så att du kan redigera den för hand. Vanliga element du kan redigera inkluderar följande.

: Detta går högst upp i HTML-dokumentet. Detta berättar webbläsaren att det här är ett HTML-dokument.

: Dessa taggar går på toppen och botten av HTML-dokumentet. Detta indikerar var HTML-koden börjar och slutar.

Namn på sidan: Dessa taggar anger titeln på sidan. Titeln går i huvudet på HTML-dokumentet. Skriv in titeln på sidan mellan dessa två taggar.

: Dessa taggar indikerar var HTML-dokumentets kropp börjar och slutar. Kroppen är där all webbsidans innehåll är skrivet. Kroppen kommer efter huvudet i HTML-dokumentet.

Rubrik text: Dessa taggar skapar rubrik taggar. Texten mellan "

" och "

" Taggar visas som en stor djärvt text. Text går i HTML-dokumentets kropp.

Stycke text: Dessa taggar används för att skapa stycke text i ett HTML-dokument. Texten som går mellan "

" och "

" visas som normal storlek text. Text går i HTML-dokumentets kropp.

Fettext: Dessa taggar används för att skapa djärvt text. Texten som går mellan "" och "" visas som djärv text.

Kursiv text: Dessa taggar används för att skapa kursiv text. Texten som går mellan "" och "" visas som itallic text.

: Den här taggen används för att skicka en bild med HTML. Byt ut text som säger "bild URL" Med bilens webbadress.

Bild med titeln Redigera HTML-filer Steg 22

8. Klick Fil. Det finns i menyraden längst upp på skärmen.

Bild med titeln Redigera HTML-filer Steg 23

9. Klick Spara. Det är i rullgardinsmenyn nedan "Fil". Detta sparar HTML-filen.

För att ändra namnet på filen, klicka på Döp om i "Fil" rullgardinsmenyn. Skriv ett nytt namn för filen längst upp på skärmen. Var noga med att inkludera ".html" Förlängning längst upp på sidan.

Metod 3 av 4:

Använda Dreamweaver

1. Öppna Dreamweaver. Dreamweaver har en ikon som liknar en grön torg som säger "Dw" i mitten. Klicka på ikonen i Windows Start-menyn eller Programmappen på Mac för att öppna Dreamweaver.

Adobe Dreamweaver kräver en prenumeration. Du kan köpa en prenumeration som börjar på $ 20.99 per månad.

Bild med titeln Redigera HTML-filer Steg 25

2. Klick Fil. Det är i menyraden på toppen för skärmen.

Bild med titeln Redigera HTML-filer Steg 26

3. Klick Öppna. Det är i rullgardinsmenyn nedan "Fil".

Bild med titeln Redigera HTML-filer Steg 27

4. Välj ett HTML-dokument och klicka på Öppna. Använd filbläddraren för att välja ett HTML-dokument på din dator och klicka på den för att välja den. Klicka sedan Öppna I det nedre högra hörnet.

Bild med titeln Redigera HTML-filer Steg 28

5. Klick Dela. Det är mittfliken på toppen av sidan. Detta visar en delad skärm som innehåller en HTML-editor på botten och en förhandsgranskningsskärm ovanpå.

Bild med titeln Redigera HTML-filer Steg 29

6. Redigera HTML-dokumentet. Använd HTML-redigeraren för att redigera HTML. Det sätt du redigerar HTML i Dreamweaver är inte för annorlunda än att redigera HTML i Notepad eller TextEdit. När du skriver en HTML-tagg visas en sökmeny med matchande HTML-taggar. Du kan klicka på HTML-taggen för att infoga öppnas och stängningstaggar. Dreamweaver kontrollerar för att se till att det finns öppnings- och stängningstaggar för alla dina HTML-element.

Alternativt kan du klicka på var du vill infoga ett HTML-element i HTML-editoren och klicka på Föra in i menyraden längst upp på skärmen. Klicka på det objekt du vill infoga i rullgardinsmenyn för att automatiskt lägga till HTML-koden.

Bild med titeln Redigera HTML-filer Steg 30

7. Klick Fil. När du är klar att redigera HTML-dokumentet, klicka på Fil i menyraden längst upp på skärmen.

Bild med titeln Redigera HTML-filer Steg 31

8. Klick Spara. Det är i rullgardinsmenyn nedan Fil. Detta sparar ditt HTML-dokument.

Metod 4 av 4:

Använda Kompozer

1. Gå till https: // sourceforge.Net / Projects / Kompozer / I en webbläsare. Du kan använda någon webbläsare på PC eller Mac. Det här är nedladdningssidan för Kompozer. Det är en gratis HTML (WYSIWYG) redaktör som fungerar på både Windows och Mac.

Bild med titeln Redigera HTML-filer Steg 33

2. Klick Ladda ner. Det är den gröna knappen nära toppen av sidan. Detta tar dig till en separat nedladdningssida. Efter en 5 sekunders fördröjning börjar din nedladdning.

Bild med titeln Redigera HTML-filer Steg 34

3. Dubbelklicka på installationsfilen. Som standard finns dina nedladdade filer i din "Nedladdningar" Mapp på PC eller Mac. Du kan också klicka på dem i din webbläsare för att starta Kompozer-installationsprogrammet. Använd följande anvisningar för att installera Kompozer:

Windows:

Om du frågar om du vill tillåta installationsprogrammet att göra ändringar i ditt system, klicka på Ja.

Klick Nästa I Intro-fönstren.

Klicka på den radiella knappen bredvid "Jag accepterar avtalet" och klicka på Nästa.

Klick Nästa För att använda standardinstallationsplatsen eller klicka på Bläddra För att välja en annan installationsplats.

Klick Nästa och klicka sedan på Nästa om igen

Klick Installera

Klick Avsluta

Mac:

Dubbelklicka på KOMPOZER INSTALL-filen.

Klick Kompouser.app

Klicka på ikonikonet i det övre vänstra hörnet.

Klick Systeminställningar

Klick Säkerhet och integritet

Klicka på Allmän flik.

Klick Öppna ändå nära botten av fönstret.

Klick Öppna I popup-fönstret.

Dra KOMPOZER-ikonen till skrivbordet.

Öppna fingern.

Klicka på Applikationer mapp.

Dra KOMPOZER-ikonen från skrivbordet till mappen Program.

Bild med titeln Redigera HTML-filer Steg 35

4. Öppna Kompozer. Använd följande steg för att öppna Kompouser på PC eller Mac

Windows:

Klicka på Windows startar meny.

Typ "Kompouser"

Dubbelklicka på konjunkturikonen.

Mac:

Klicka på den förstoringsglasikonen i övre högra hörnet.

Typ "Kompouser" I sökfältet.

Dubbelklicka Kompouser.app.

Bild med titeln Redigera HTML-filer Steg 36

5. Klick Fil. Det är i menyraden längst upp i appen.

Bild med titeln Redigera HTML-filer Steg 37

6. Klick Öppna fil. Det är det andra alternativet i rullgardinsmenyn nedan "Fil". Detta öppnar en filbläddrare du kan använda för att välja en öppen html-fil.

Bild med titeln Redigera HTML-filer Steg 38

7. Klicka på en HTML-fil och klicka på Öppna. Detta öppnar HTML-filen i Kompozer.

Bild med titeln Redigera HTML-filer Steg 39

8. Klick Dela. Det är mittfliken på toppen av sidan. Detta visar en delad skärm som innehåller en HTML-editor på botten och en förhandsgranskningsskärm ovanpå.

Du kan behöva förstora appen så att du har mer utrymme att arbeta.

Bild med titeln Redigera HTML-filer Steg 40

9. Redigera HTML-dokumentet. HTML-källkodsskärmen är längst ner, du kan använda den här skärmen för att redigera HTML på samma sätt som du skulle i Anteckningsblock eller TextEdit. Du kan också använda förhandsgranskningsskärmen för att redigera din HTML med följande steg:

Använd rullgardinsmenyn i det övre högra hörnet för att välja texttypen (i.e rubrik, stycke, ekt}

Klicka och skriv för att lägga till text.

Använd knapparna i panelen längst upp på skärmen för att lägga djärv, kursiv, textjustering, streck eller listor i din text.

Klicka på den färgade torget i panelen längst upp på skärmen för att ändra textfärgen.

Klicka på Bild Ikon längst upp på skärmen för att lägga till en bild i ditt HTML-dokument.

Klicka på ikonen som liknar en kedjelänk för att lägga till en länk till ditt HTML-dokument.

Bild med titeln Redigera HTML-filer Steg 41

10. Klicka på Spara ikon. När du är klar med ändringar i ditt dokument klickar du på Spara ikon längst upp på skärmen. Det är under en ikon som liknar en diskett. Detta sparar ditt arbete.