När jag först började blogga var Designa Din Blogg min räddare i nöden. Allt jag behövde veta om bloggdesignande – css och html – fanns här, och kanske allra viktigast var ett inlägg om HTML-koder. Det sparade jag som bokmärke och var inne på nästan jämt, tills jag lärde mig det mesta utantill. Det inlägget skrevs 2008, alltså för hela sju år sedan, så jag tänkte att det nu är dags för en uppdatering!

Vill du läsa om hur du skriver inlägg i html-läget, klicka här. Är du mer intresserad av hur du gör såna här rutor jag har skrivit koderna i kan du kolla hit!

Ändra textens storlek

<span style=”font-size: 13px;”>Din text här</span>

Ändra textens färg

<span style=”color: #000;”>Din text här</span>

Ändra textens typsnitt
<span style=”font-family: Arial, sans-serif;”>Din text här</span>

Överstruken text
<s>Din text här</s>

Kursiv text
<i>Din text här</i>

Tjock text
<b>Din text här</b>

Citat

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <blockquote>Din text här</p></blockquote><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>

Upphöjd text (så som ^{den här})
^{Din text här}

Nedsänkt text (så som _{den här})
_{Din text här}

Liten text (så som den här)
<small>Din text här</small>

Markerad text
<span style=”background-color: #c9bd12;”>Din text här</span>

Understruken text

<u>Din text här</u>

Centrera
<center>Din text här</center>

Högerjustera
</p><br /><br /><br /><br /> <div align=”right”>Din text här</div><br /><br /><br /><br /> <p></p><br /><br /><br /><br /> <p>

Vänsterjustera
</p><br /><br /><br /><br /><br /><br /> <div align=”left”>text/kod här</div><br /><br /><br /><br /><br /><br /> <p></p><br /><br /><br /><br /><br /><br /> <p>/textarea></p><br /><br /><br /><br /><br /><br /> <p>Byt rad<br /><br /><br /><br /><br /><br /><br /> <textarea cols=””40″” readonly=”readonly” rows=””1″” wrap=””soft””><br />

Hyperlänk
<a href=”http://länkadressen.se”>Länktext</a>

Hyperlänk (öppnas i ny flik)
<a href=”http://länkadressen.se” target=”_blank”>Länktext</a>

Bild
<img src=”http://bildadressen.se”>

Bild som länk
<a href=”http://länkadress.se”><img src=”http://bildadress.se” border=”0″></a>

Bild som länk (öppnas i ny flik)
<a href=”http://länkadress.se” target=”_blank”><img src=”http://bildadress.se” border=”0″></a>

Öppna mailadress
<a href=”mailto:dinmail@mail.com”>Maila mig</a>

Avgränsande linje
<br /><br /><br /><br /> <hr /><br /><br /><br /> <p>