Jag tänkte visa hur du kan göra dina texter här på poeter.se lite rikare, genom att använda

• formattering,
• länkar,
• och (tada!) video!

Men, för att klara allt detta, behöver du knåpa en aning med HTML, språket som används för att bygga upp webb-sidor. Jag skall försöka ta det lite försiktigt dock. Tag min virtuellt utsträckta hand, så börjar vi.

Kort om HTML

"HTML" är en förkortning för HyperText Markup Language (ung. Språk för beskrivning av klickbar text). Om du i din webbläsare väljer kommandot för "Visa Källa" så märker du att själva texten du kan se kringgärdas av en massa s.k. taggar. Varje textstycke är t.ex. inramat av taggarna <p> och </p> (De flesta av taggarna kommer parvis och en slut-tagg inleds med ett snedstreck.)

Andra formatteringstaggar som kan vara bra att känna till är:

• fetstil - <strong> resp. </strong> (alternativt <b> och </b>)
• kursiv text - <em> resp. </em> (alternativt <i> och </i> )
• ny rad inom stycke - <br /> Denna tagg ser lite annorlunda ut, eftersom den avslutar sig själv direkt.
• Det finns fler taggar, men dessa är de viktigaste för stunden.

Poeter.se hjälper oss att "fuska"

Lyckligtvis, har sajten poeter.se ett verktyg, som hjälper oss att få det hela rätt:

Börja med att gå till sidan för dina inställningar och klicka på fliken "Extra". Se till att rutan "Använd html-editor" är ikryssad (och spara, om det behövs). Efter det skall den sidan se ut ungefär så här:

Lägg märke till knappraden som dykt upp ovanför redigeringsfönstret.
Så länge du har denna ruta ikryssad, kommer du här på sajten att se denna knapprad när du skriver eller redigerar dina texter.

även om du inte klickar på knappar för färg, centrering eller annan formattering, så kommer funktionerna som är inbyggda i knapparna att lägga in koder för radbrytningar etc medan du skriver. Det är ju skönt, för då slipper du göra det själv.

Kolla koderna du skapat

Skriv en text, med lite centreringar, fetstil etc om vartannat.
Här är ett supersimpelt exempel, utan en massa krusiduller:

Spara den sedan (bland dina utkast, eller rentav publicera den).
Gå därefter tillbaka till dina inställningar och fliken "Extra".
Avmarkera nu rutan "Använd html-editor" och spara.
Nu skall det se ut ungefär så här:

Om du nu öppnar din sparade text för redigering igen, så får du se den html-kod som du nyss skapat, utan att ana det.
Exemplet här ovan ser ut så här, i html-läge:

I Del2 trollar vi!

I detta läge, med html-koden synlig, kan vi nu trolla. Men hur det går till, beskriver jag i Del2! :)

----------------------------------------
Innehållsförteckning
HTML för poeter. Del 1 - Grunderna
HTML för poeter. Del 2 - Video
HTML för poeter. Del 3 - Länkar
HTML för poeter. Del 4 - RSS