här kommer en "liten guide" jag gjort själv, komentera den gärna :)
HyperText Markup Language – HTML
font: ARIAL NARROW
Rivstart för en hemsida
Titel:
<HEAD>
<TITLE>Exempel</TITLE>
</HEAD>
<BODY>
Bild:
<H2 ALIGN=”CENTER”>Exempel</H2><P ALIGN=”CENTER”>
<IMG SRC=”bild.jpg”><BR>
</P>
Vanlig text:
Skrivs helt vanligt
lista (t.ex. intressen):
<UL>
<LI>exempel
<LI>exempel
</UL>
Att ”Länka”:
Övertext:
<H3>Länkar</H3>
<UL>
text:
<LI> t.ex. spela spel:
<A HREF=”http://www.exempel.nu”>Spela spel</A>
</UL>
e-post:
t.ex.
<A HREF=”mailto:
[email protected]”>
[email protected] </A>
Copyright + senast uppdaterad:
<HR>
Senast uppdaterad: <I>2006-05-01</I><BR>
Webbmaster Robin Andersson<BR>
Copyright Robin Andersson 2006
</BODY>
<HTML>
Skapa mall:
# Man inleder alltid med <HTML>.
# Man fortsätter med huvudet <HEAD> och </HEAD> som innehåller sidans titel inneslutet inom
<TITLE> namn </TITLE>
#Sedan följer kroppen, omgärdad av <BODY> och </BODY>
#Sist avslutar man dokumentet med </HTML>.
Se sidan i webbläsaren:
Arkiv >Öppna > Din hemsida…
Gratis HTML-editor:
http://www.code-builders.com
Bakgrundsskapare:
http://www.sausage.com/supertoolz/retile2.html
GIF-animering:
http://www.whitsoftdev.com/unfreez/
Rubriker:
En rubrik inleds med taggen <Hx> (där x ska ersättas av en siffra mellan 1-6).
Därefter följer det som ska stå i Rubriken, och rubriken avslutas med </Hx>
Ny rad och Nytt stycke:
Taggen <BR> (som inte har sluttagg) = Ny rad
Taggen <P> ( som helst ska ha sluttagg )= Nytt stycke (2 raders brytning)
Taggen <DIV> (som framkallar en enkel radbrytning behöver sluttagg) = Nytt stycke (1 rads brytning)
Fet och Kursiv text:
Fet text= <B> och sluttagg </B>
Kursiv text= <I> och sluttagg </I>
Under- och överstruken text:
Understruken text= <U> och sluttagg </U>
Överstruken text= <STRIKE> och sluttagg </STRIKE>
Vänster, Höger och centrerad text:
Vänster= Standard
attributet ALIGN som tar värdena ”right”, ”left” och ”center” kan användas efter <P (<P>) och <DIV (<DIV>)
Ett exempel:
<HTML>
<P ALIGN=”right”>HEJSAN</P>
<DIV ALIGN=”center”>HEJSAN</DIV>
</HTML>
Färga bakgrund och text:
Använd BGCOLOR, som ett attribut till <BODY> för att ändra bakgrundsfärg och
Använd TEXT, som attribut till <BODY> för att ändra textfärg.
Exempel:
<HTML>
<BODY BGCOLOR=”gray” TEXT=”#FF00FF”>
</HTML>
Teckensnitt:
Times New Roman är standard.
Ändra font genom att använda attributet FACE för <FONT>-taggen
t.ex.
<BODY>
<FONT FACE=”arial”>exempel.</FONT>
Textstorlek:
Använd attrbutet SIZE för <FONT>
t.ex.
<FONT SIZE=”5”>HEJSAN</FONT>
minsta graden är 1 och största 7.
Egen Chatt:
Om man vill ha en chatt på sin sida är allt man behöver göra att kopiera koden som finns upplagd på http://www.spinchat.com och sedan klistra in den i din egna HTML-fil.
Omröstning:
Om du vill ha en omröstning på sidan kan du göra en på www.webvoter.net/se/
Eller www.alxnet.se Där kan du ha obegränsat med svarsalternativ, olika färger och bakgrunder.
HTML-koder m.m.:
Skolor och stilmallar:
www.ccsweden.se
svensk HTML:
www.html-gruppen.nu
Annika Tigers hemsida, kurs i HTML och länkar:
www.atiger.pp.se/sida.html
Fria Hemsidor:
www.passagen.se
www.spray.se
www.geocities.com
www.angelfire.com
Grafik:
Arkiv med många bilder i olika kategorier, färgväljare och forum:
www.gifworld.com
animerade GIF bilder och 3D bilder:
www.animationfactory.com
Till sist:
Spara dokumentet du gjort hemsidan på som htm eller html exempel: Test.htm
Och kolla sedan på sidan genom att trycka (om du har svensk version) på Internet Explorer,
Arkiv och öppna Test.htm, sedan kan du se hur din sida blev…
Skicka upp sidan på webben:
Förr eller senare är du färdig med din sida. Då vill man ju skicka upp sidan på Internet.
För att det ska vara möjligt måste du ha en såkallad ftp-klient. Det finns självklart en massa ftp-klienter menett av de bättre är WS_FTP. Det är helt gratis och finns på lite olika ställen, bland annat hos SUNET på adressen: ftp://ftp.sunet.se/pub/simtelnet/win95/inet/ws_ftp32.zip
Uppgifter:
För att du ska kunna lägga upp filer på din webbplats, krävs det att du har tillgång till ditt servernamn,
konto-ID och lösenord. Dessa uppgifter får du från din leverantör.
Nå är detta inte värt en liten guldstjärna i kanten :rolleyes:
