Site hosted by Angelfire.com: Build your free website today!

Taggar

Rubriker

Rubriker finns i sju storlekar där <h1> är störst och <h7> minst. Rubrikerna kan justeras med hjälp av align attributet och värdena right, left och center:

Vänsterjusterad rubrik (standard utan align)

Centrerad rubrik

Högerjusterad rubrik

Vid skrivning av svenska tecken kan man använda sig utav tre olika kodtyper för att de ska visas rätt:
Sifferkod, Namnkod och URL-kod
till exempel:
å = Sifferkod &#229;
å = Namnkod &aring;
å = URL-kod %E5
Om man vill skriva specialtecken som t ex < måste kod användas (Sifferkod &#60;)

Luftig text

För att skapa radbrytningar i textmassor och tomrader används taggen <br> ingen sluttag.

Vidare kan man infoga horisontella linjer och med hjälp av dessa avdela sina texter. Taggen <hr> används då:

Man kan bestämma storleken antingen med en procent av hela visningsfönstret eller antal bildpixlar med attributet width, här är en som är 25 pixlar:


och en som är 25%
med attributet size väljer jag storlek i pixlar, 15 pixlar tjock:
och attributet align var linjen justerad (left, right och center som är standard) attributen noshade och color styr skugga respektive färg.
Här är en linje som täcker 50%, 25 pixlar tjock, blå, vänster justerad och utan skugga

Stycke i textmassor

Normalt när vi använder till exempel Word som ordbehandlare trycker vi Enter för att få ett nytt stycke, våra webbläsare bryr sig inte om enterslag (vi för en mer lättläst kod ok). Men för att få nytt stycke måste taggen <p> användas samt sluttaggen </p>.
Samma text med två stycken:

Normalt när vi använder till exempel Word som ordbehandlare trycker vi Enter för att få ett nytt stycke, våra webbläsare bryr sig inte om enterslag (vi för en mer lättläst kod ok).

Men för att få nytt stycke måste taggen <p> användas samt sluttaggen </p>.

Taggen <blockquote> med sluttaggen </blockquote> ger indragen vänster och höger marginal:

Normalt när vi använder till exempel Word som ordbehandlare trycker vi Enter för att få ett nytt stycke, våra webbläsare bryr sig inte om enterslag (vi för en mer lättläst kod ok). Men för att få nytt stycke måste taggen <p> användas samt sluttaggen </p>.
taggen <pre> </pre> är mycket användbar då den styr webläsaren atrt tolka alla våra enter, mellanslag och till och med tabbar:
  Normalt när vi använder till exempel Word 
som ordbehandlare trycker vi Enter för att 
få ett nytt stycke, våra webbläsare bryr sig 
inte om enterslag (vi för en mer lättläst kod ok). 
	Men för att 
	få nytt stycke 
	måste taggen <p> 
	användas samt sluttaggen 
	</p>.

Justera hela stycken

För att justera hela stycken av text används taggen <div> sluttag </div> ocg attributet align med värdena left, center och right. Syns extra tydligt vid långa stycken eller väldigt smala fönster.
Höger:

För att justera hela stycken av text används taggen <div> sluttag </div> ocg attributet align med värdena left, center och right. Syns extra tydligt vid långa stycken eller väldigt smala fönster.
Centrerat:
För att justera hela stycken av text används taggen <div> sluttag </div> ocg attributet align med värdena left, center och right. Syns extra tydligt vid långa stycken eller väldigt smala fönster.
Vänster:
För att justera hela stycken av text används taggen <div> sluttag </div> ocg attributet align med värdena left, center och right. Syns extra tydligt vid långa stycken eller väldigt smala fönster.

Centertaggen kan också användas för att centrera text <center> - </center>

Format-taggar

Formateringstaggar delas in i två grupper dels fysiska som endast ger texten olika utseende dels logiska som ötöver viss information om textens betoning och innehåll.

Fysiska

fetstil <b>
kursivstil <i>
understruket <u>
Större textstorlek <big>
Mindre textstorlek <small>
Genomstruken text <strike> eller <s>
Skrivmaskinstil <tt>
Upphöjd text <sup>
Nedsänkt text <sub>

Alla fysiska taggar har sluttag t ex </b>

Logiska

Citat, kursivstil <cite>
Betonad text, kursivstil <em>
Variabel, kursivstil <var>

Adress på t ex vem som är webbdesigner, kursivstil, ger radmatning
<address>
Starkt betonad text, fetstil <strong>
Text som visas exakt, skrivmaskinstil <samp>
Instruktion, skrivmaskinstil <kbd>
Programkod, skrivmaskinstil <code>

Alla logiska taggar har sluttag t ex </cite>

Teckensnitt

Med taggarna <basefont> och <font> och attributet face styr man hela sidans teckensnitt (basefont bör läggas direkt efter body taggen) respektive temporärt byte av teckensnitt bör inte användas allt för flitigt men glöm då inte sluttagen </font> för att gå tillbaka. Ger man många alternativ efter face (skilda med kommatecken får man en turordning om inte det första finns väljs de andra...). Vidare finns attributen color, och size för dessa taggar size har värdena 1 = minst till 7 = störst.

Bakgrundsfärger, bilder och dyligt

I taggen <body> kan man använda attributen:
bgcolor - styra bakgrundsfärg background - infoga bakgrundsbild text - styra textfärg link - styra färgen på en orörd länk vlink - styra färgen på en besökt länk

Kommentarer i html-koden

För att du själv ska komma ihåg hur du gjort eller visa någon annan, använd gärna kommentarer i koden de omsluts av <!-- text för att kommentera-->