Redigering av text
En text kan skrivas på flera olika sätt. Den kan vara i en specifik färg, textformat, stil, storlek o.s.v. Här är några koder för hur man kan redigera en text med koder:
I de större koderna som till exempel: <span style="color: #FF99CC;">Text</span> börjar man med <span style. "<" indikerar att något redigeras, "span style" indikerar att det är texten som redigeras. Därefter lägger man till ="color:#FF99CC;">. =" indikerar att "här kommer koden som skall ändras" till följd av color, som indikerar att det skall vara en färg, till följd av färgkoden "#FF99CC" som alltid ska komma med fyrkant framför och semikolon efter. Sedan avslutar man med citationstecken och >. Hela koden började med < och skall sluta med >. Sedan skriver man texten som skall ändras och avslutar återigen med </span>. Där ser vi snedstrecket som avgör att ingen annan text efter </span> skall ha den ändringen. Efter </span> får man lägga till nya ändringar om man vill.
Ibland vill man ändra på flera saker. Man vill ha både fet och kursiverad stil, dessutom skall det vara ett annat typsnitt. I de fallen kan man skriva tre olika koder efter varandra:
<strong><em><span style="font-family:Comic Sans Ms">Text</strong></em></span>
Kom ihåg, det spelar ingen roll i vilken ordning du skriver koderna, så länge de ligger där de skall vara. Exempel:
<strong><em><span style="font-family:Comic Sans Ms">Text</span></em></strong>
<em><strong><span style="font-family:Comic Sans Ms">Text</span></em></strong>1
-----------
1http://www.w3schools.com/css/css_text.asp 20110217
- Annat typsnitt --> <span style="font-family:SKRIV TYPSNITT HÄR">Annat typsnitt</span>
Exempel: <span style="font-family:Comic Sans Ms">Annat typsnitt</span>
- Storlek på texten --> <font size="STORLEK OCH PIXLAR">Text</font>
Exempel: <font size="12px">Din text</font>
- Färg --------> <span style="color: FÄRGKODEN;">Text</span>
Exempel: <span style="color: #FF99CC;">Text</span>
- Centrera -----> <div style="text-align: center;">Text och/eller bild</div>
OBS! om man vill ha texten längst till höger eller vänster byter man ut "center" mot "right" eller "left".
-
Radbrytning -----------> <br />
- Understruken text -----> <span style="text-decoration: underline;">Din text här</span>
- Överstruken text --------> <span style="text-decoration: line-through;">Din text</span>
- Kursiv text --------> <em>Text</em>
- Maskinskriven text, terminaltext<tt>Text</tt>
- Fetstil --------><strong>Text</strong>
- SuperscriptUpphöjd --------><sup>Text</sup>
- SubscriptNedsänkt --------><sub>Text</sub>
I de större koderna som till exempel: <span style="color: #FF99CC;">Text</span> börjar man med <span style. "<" indikerar att något redigeras, "span style" indikerar att det är texten som redigeras. Därefter lägger man till ="color:#FF99CC;">. =" indikerar att "här kommer koden som skall ändras" till följd av color, som indikerar att det skall vara en färg, till följd av färgkoden "#FF99CC" som alltid ska komma med fyrkant framför och semikolon efter. Sedan avslutar man med citationstecken och >. Hela koden började med < och skall sluta med >. Sedan skriver man texten som skall ändras och avslutar återigen med </span>. Där ser vi snedstrecket som avgör att ingen annan text efter </span> skall ha den ändringen. Efter </span> får man lägga till nya ändringar om man vill.
Ibland vill man ändra på flera saker. Man vill ha både fet och kursiverad stil, dessutom skall det vara ett annat typsnitt. I de fallen kan man skriva tre olika koder efter varandra:
<strong><em><span style="font-family:Comic Sans Ms">Text</strong></em></span>
Kom ihåg, det spelar ingen roll i vilken ordning du skriver koderna, så länge de ligger där de skall vara. Exempel:
<strong><em><span style="font-family:Comic Sans Ms">Text</span></em></strong>
<em><strong><span style="font-family:Comic Sans Ms">Text</span></em></strong>1
-----------
1http://www.w3schools.com/css/css_text.asp 20110217
