Hur skriver man HTML i Textredigeraren?

Tråden skapades och har fått 5 svar. Det senaste inlägget skrevs .
1

Jag har börjat att plugga en webbdesignkurs och har stött på problem.
Kursen är distans och de har sagt att man kan köra mac också.

Jag försöker skriva en mycket enkel HTML-fil i Textredigeraren. Som min man sa skulle jag spara den i html-format som jag valde när jag sparade. Dessvärre vill inte filen funka som den ska. Jag har provat på Safari och Firefox (min huvudläsare). Min man är inte hemma denna vecka så jag kan inte fråga honom.

När jag har gjort som läraren har sagt eller jag menar beskrivit, visas ändå koden i läsaren.
Jag har en helt vanlig html-kod som ska funka. Jag bifogar koden nedan.

Är det nåt läraren har gjort fel?
På min kompis PC funkar det utmärkt.

---
<HTML><HEAD><TITLE>Hemsidans titel som du själv bestämmer!</TITLE></HEAD>
<BODY>

Här kommer innehållet på hemsidan!

<H1>
Stor rubrik
</H1>

</BODY>
</HTML>
---

Spara den som "Endast text" eller liknande, så ska det funka.

När du tittar på filen i Finden heter filen test.html eller bara test? Spara den inte i html-format utan som vanlig fil med ändelsen .html istället så bör det fungera bättre.
Sen kan det vara värt att satsa på en bättre editor som t.ex Smultron.

Börja med att i Textredigeraren välja menyn Format > Gör om till ren textfil. Därefter Arkiv > Spara som. Skriv in filnamnet, t ex "index.html". Se till att "Göm tillägg" inte är bockad.

Välj även teckenkodning. "Västerländsk ISO Latin 1" brukar vara en bra teckenkodning. Du kan i Textredigerarens inställningar ändra den förvalda teckenkodningen under fliken "Öppna och spara".

Ett tips är att använda en annan textredigerare som är mer lämpad för kodande. Smultron är en väldigt bra sådan. Textredigeraren fungerar naturligtvis också fint men den är främst tänkt för formaterad text, inte kod.

Björn: Unicode UTF-8 brukar vara bättre i längden, är min erfarenhet i alla fall.

Bara för att vara tjatig och repetera det som sagts innan så tänker jag förtydliga lite:

Efter <head> lägger du in följande kod: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> som berättar hur webläsaren ska tolka texten.

Vill du ha "Västerländsk ISO Latin 1" så skriver du <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> istället.

Se bara till att filen sparas i samma format som du anger i koden.

Smultron som nämnts tidigare är ett bra och gratis alternativ till Textredigeraren.

Precis. Spara som t ex UTF-8. Då ser det som sagt ut så här:

<html>
  <head>
    <title>Hemsidans titel som du själv bestämmer!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  </head>
  <body>

    Här kommer innehållet på hemsidan!

    <h1>Stor rubrik</h1>

  </body>
</html>

Ska vi vara lite mer strikta ska det egentligen t ex se ut så här:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Hemsidans titel som du själv bestämmer!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  </head>
  <body>

    Här kommer innehållet på hemsidan!

    <h1>Stor rubrik</h1>

  </body>
</html>

Den extra raden gör inte så mycket, den talar bara om vad vi använder. Det finns nämligen olika versioner av HTML. Det finns dessutom något som heter XHTML men det behöver man egentligen inte veta.

1
Bevaka tråden