Panelen
Forumnavigering
Senast inloggade
chrillemeter
voigtan
Roosweb
LP_MAXIRSS
Sponsorer
Artiklar > HTML, XHTML, DHTML
Denna kod lägger du inom taggarna body. Det var inte så svårt eller? Inom href="" så skriver du adressen till sidan du ska ha. Om det är en hemsida på nätet skriver du bara http://sidan.se och är det en sida i samma mapp som sidan du har skrivit in länken skriver du bara sidan.html. Om det är en sidan i en annan mapp skriver du bara Mapp/sidan.html. Är det i en tidigare mapp är det bara att skriva ../sidan.html. Inom <a>Sidan!<a> skriver du vad länken ska heta när den syns på hemsidan. Alltså såhär:
Inte så svårt eller hur? Du kan också göra bildlänkar genom att skriva detta:
Inte svårt. Du kan också göra en E-postlänk:
Färger:
Dags att ta lite färger på sidan. Färger i HTML heter HEX-färger och det finns mån ga olika färger. En HEX-färg börjar alltid med en # och efter den skriver man några siffror eller bokstäver. Tillex: #000000 och denna färg är svart. Det är alltid 6 st siffror eller bokstäver efter # så kom ihåg det. Det finns många hemsidor som visar dig olika färger. Ta denna tillex: http://sv.wikipedia.org/wiki/HTML-färger.
Nu ska jag berätta hur man gör en bakgrundsfärg på din hemsida. Inom body taggen alltså i själva taggen skriver du bgcolor="".
Inte svårt eller? Eftersom att texten är svart och bakgrunden med så får vi ändra textens färg.
Denna sätter du mellan body. Med font-taggen kan du göra mycket, men vi kommer dit snart. Du kan också ändra färg på länkarna.
Font och Stilar:
Vi nämnde ju innan att man kan göra mycket med taggen <font> och nu ska vi visa dig.
Vad som händer är att texten blir i Arial som är ett teckensnitt och det ändras storlek på texten. Det blev 12 punkter. Jag kan berätta vilka punkter det är:
Och det är också teckensnitt som:
Det var ju inte så svårt.
Bilder:
Nu är det snart slut på denna del, men först ska jag lära dig hur man skapar bilder i HTML. Om jag ska vara ärlig är nog detta det enklaste att göra i HTML om man inte räknar med att göra text. Det är enkelt att komma ihåg och enkelt att skriva in.
Enkelt eller? Src fungerar som href som ni såg innan på länkar. Det är viktigt att man skriver in vad det är för typ av bildformat med alltså .jpg eller om det är någon annan. Det går bara med .gif och .jpg när man gör hemsidor fast du kan skriva det, men senare på nätet kommer dom att inte hitta filen. Så därför spara bilden i JPG eller i GIF när du ska ta ut den på hemsidor.
Slut:
Nu var det slut på Del 2 och jag hoppas att ni har lärt er något. Visst är HTML enkelt!
HTML - Grunderna Del 2
Länkar:
Det är väldigt enkelt att skapa sina egna länkar. Det ända man ska tänka på är att kommer ihåg koden och vart sidan ligger som länken är skickad till. Såhär ser koden ut:
<body>
<a href=""></a>
</body>
Denna kod lägger du inom taggarna body. Det var inte så svårt eller? Inom href="" så skriver du adressen till sidan du ska ha. Om det är en hemsida på nätet skriver du bara http://sidan.se och är det en sida i samma mapp som sidan du har skrivit in länken skriver du bara sidan.html. Om det är en sidan i en annan mapp skriver du bara Mapp/sidan.html. Är det i en tidigare mapp är det bara att skriva ../sidan.html. Inom <a>Sidan!<a> skriver du vad länken ska heta när den syns på hemsidan. Alltså såhär:
Sidan!
Inte så svårt eller hur? Du kan också göra bildlänkar genom att skriva detta:
<a href="http://www.sidan.se"><img src="logo.gif"></a>
Inte svårt. Du kan också göra en E-postlänk:
<a href="mailto:epost@sidan.se">Kontakta Sidan!</a>
Färger:
Dags att ta lite färger på sidan. Färger i HTML heter HEX-färger och det finns mån ga olika färger. En HEX-färg börjar alltid med en # och efter den skriver man några siffror eller bokstäver. Tillex: #000000 och denna färg är svart. Det är alltid 6 st siffror eller bokstäver efter # så kom ihåg det. Det finns många hemsidor som visar dig olika färger. Ta denna tillex: http://sv.wikipedia.org/wiki/HTML-färger.
Nu ska jag berätta hur man gör en bakgrundsfärg på din hemsida. Inom body taggen alltså i själva taggen skriver du bgcolor="".
<body bgcolor="#000000">Inte svårt eller? Eftersom att texten är svart och bakgrunden med så får vi ändra textens färg.
<font color="#FFFFFF">Vit Text!</font>
Denna sätter du mellan body. Med font-taggen kan du göra mycket, men vi kommer dit snart. Du kan också ändra färg på länkarna.
<a href="sidan.html" style="color: #FFFFFF;">Vit Länk!</a>
Font och Stilar:
Vi nämnde ju innan att man kan göra mycket med taggen <font> och nu ska vi visa dig.
<font face="Arial" size="3">Text!</font>
Vad som händer är att texten blir i Arial som är ett teckensnitt och det ändras storlek på texten. Det blev 12 punkter. Jag kan berätta vilka punkter det är:
1 (8 punkter)
2 (10 punkter)
3 (12 punkter)
4 (14 punkter)
5 (18 punkter)
6 (24 punkter)
7 (36 punkter
2 (10 punkter)
3 (12 punkter)
4 (14 punkter)
5 (18 punkter)
6 (24 punkter)
7 (36 punkter
Och det är också teckensnitt som:
Arial
Arial Black
Courier New
Verdana
Comic Sans
Impact
Georgia
Times New Roman
Trebuchet
Webdings
Arial Black
Courier New
Verdana
Comic Sans
Impact
Georgia
Times New Roman
Trebuchet
Webdings
Det var ju inte så svårt.
Bilder:
Nu är det snart slut på denna del, men först ska jag lära dig hur man skapar bilder i HTML. Om jag ska vara ärlig är nog detta det enklaste att göra i HTML om man inte räknar med att göra text. Det är enkelt att komma ihåg och enkelt att skriva in.
<img src="bild.jpg">Enkelt eller? Src fungerar som href som ni såg innan på länkar. Det är viktigt att man skriver in vad det är för typ av bildformat med alltså .jpg eller om det är någon annan. Det går bara med .gif och .jpg när man gör hemsidor fast du kan skriva det, men senare på nätet kommer dom att inte hitta filen. Så därför spara bilden i JPG eller i GIF när du ska ta ut den på hemsidor.
Slut:
Nu var det slut på Del 2 och jag hoppas att ni har lärt er något. Visst är HTML enkelt!
Skapades: 2008-07-19 17:07:14
Skribent: Index
Lästs 1215 gånger
Betyg: 6 (totalt 5 röster)
Kommentarer
Ingen har kommenterat denna artikel än.