Grundtags i HTML

Det finns några tags i HTML som är ganska bra att känna till, och tänkte att vi börjar med dessa eftersom det är ganska korta kommandon och lätt att förstå :)

Alla dessa kan du använda direkt i dina inlägg här på blogg.se, se bara till att byta textredigerare längst ner!

 

Alla dessa börjar med <> och slutar med </>

 

 
<P> står för Paragraph, alltså stycke på svenska. Gör ett nytt stycke i texten. 
<BR> står för Break, och gör en radbrytning i texten. 
<H1> står för Rubrik 1, och du kan ändra siffta om du vill ha flera. Första är vanligtvis störst. Du kan ändra utseendet på dessa om du går in i stilmallen på bloggen (bloggens CSSkod) men var försiktigt om du inte riktigt vet vad du sysslar med. Koden att ändra kan se ut såhär:
 

h1 {
font-family: Mhstakan, verdana, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: black;
margin-top:25px;
margin-bottom:0px;
padding:0px;
}

h2 {
font-family: Mhstakan, verdana, sans-serif;
font-size: 20px;
font-weight: bold;
color: black;
padding:5px;
margin:5px;
}

h3 {
font-family: Mhstakan, verdana, sans-serif;
font-size: 2em;
font-weight: bold;
text-transform: uppercase;
}

h4 {
font-family: Mhstakan, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
}

h5 {
font-family: Mhstakan, verdana, sans-serif;
font-size: 20px;
font-weight: bold;
}

 

Detta är alltså på min blogg, hur det ser ut. Jag har själv lagt till alla förutom första. 

Här är h1

Här är h2

Här är h3

Här är h4

Här är h5

Font-family är vilket typsnitt du vill ha på texten
Font-size är storleken, du kan ha i px (pixlar), eller i em, vilket motsvarar 1em=100% 2em=200%
Font-weight är tjockleken på texten
Font-transform där kan du bestämma om du vill ha lowercase (små bokstäver) eller uppercase (STORA BOKSTÄVER)
 
 
Det var dagens lilla lektion. Fortsätter härifrån nästa gång, om ni har några frågor så kan vi snacka lite nere i kommentarerna :)

 

 


Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0