Artiklar

Hemsideskola - II

2008-12-30 13:35 #0 av: Akerberg

Del två

Effekter

Fet stil får man genom att skriva <b>Fet Stil</b>, vill man ha kursiv stil skriver man <i>Kursiv stil</i>

<u>Understruken</u> kan ju vara bra att veta om, men det bör inte användas, eftersom länkar är markerade med en understrykning (om man inte gett kommando för att ta bort den, men det kommer vi till en annan gång)

 

Styckeformatering

<center></center> placerar texten, bilden, länken eller vad man nu har på mitten av sidan.

<p align="left"> ger placering åt vänster, o skriver man right istället för left hamnar det åt höger. Glöm inte avsluta med </p>

 Rubriker finns i storleken 1-6, och skrivs <h1> till exempel, och ska såklart även avslutas med </h1> 1 är största storleken, och 6 är den minsta. Även rubriker kan sättas till vänster, mitten o höger, genom att ange <h1 align="center"> </h1>

 

Eftersom webläsaren inte bryr sig om radbrytningar och mellanslag (mer än ett mellanslag) så får man tala om för den vad man menar.  Stycken delas enklast in med <p></p>.

Så kallade hårda mellanslag, skrivs &nbsp; (non breaking space) de visas alltid som mellanslag, kan vara bra att kunna om man vill separera ett ord mitt i en text till exempel.

 

Tabeller

Tabeller inleds med <table>, en rad skrivs som <tr> och en kollumn som <td>

En enkel tabell med en rad och två kollumner ser ut som följande

<table>
<tr>
<td>Ruta ett</td>
<td>Ruta två</td>
</tr>
</table>

 

Interna länkar

Förra lektionen lärde ni er göra länkar till andra hemsidor, nu ska vi göra en länk internt på egna sidan.

Börja med att göra en ny sida som innehåller sådant ni lärt er denna lektionen.  Döp den till sida2.html och spara i samma mapp som index.html från förra lektionen.

Öppna index.html i redigeringsläge (högerklicka och välja öppna med..., annars får ni upp den färdiga sidan)

Lägg till en länk, <a href="sida2.html">Min andra sida</A> 

Spara. Öppna index.html och titta på resultatet och prova om det fungerar.

Anmäl
2009-01-02 12:14 #1 av: [Heikne]

nu fungerar allt! bara en liten fråga, om man har en bild på vänster sida och ex vill ha en text på höger sida om bilden, hur löser man det?

Anmäl
2009-01-02 18:39 #2 av: Akerberg

#1 Kanon!

Man kan läga bilden o texten i var sin cell i en tabell

 

 

Anmäl
2009-01-03 10:28 #3 av: [Heikne]

det funkade, hur gör man då en "stamtavla" med alla dessa tabeller? det här var så roligt så jag kan inte sluta.

 

Skrattande

Anmäl
2009-01-03 15:24 #4 av: Smile-

Här går det betydligt långsammare - förmodligen p.g.a tröghet i min fattningsförmåga. Det går dock framåt hela tiden, men måste troligtvis också få lite stödundervisning kring tabellskapandet - som inte går som önskatRynkar på näsan. Men från att inte ha fattat något alls, är framstegen stora! Alla andra delar verkar jag nu behärska skapligt, så länge som jag skriver rätt..

Anmäl
2009-01-03 15:40 #5 av: RC70

Haha, jag kände att jag inte ska lägga mig i den här diskutionen, jag är utbildad, men utbildad på ett heeelt annat sätt än Lina så skulle jag lägga mig i skulle det bli om möjligt ÄNNU snurrigare  !

Anmäl
2009-01-10 10:47 #6 av: [Heikne]

väntar på del 3 Oskyldig

Anmäl
2009-01-10 13:07 #7 av: Akerberg

#6 På väg ;) inte haft tiden riktigt bara

Anmäl
2009-01-10 13:37 #8 av: [Heikne]

åh kul.. :D

Anmäl
2009-01-10 17:40 #9 av: [Heikne]

den stora frågan är hur man gör för att placera hemsidan liksom på internet istället för i en mapp på datorn, jag tror jag är klar. har knåpat en hel vecka nu!

Anmäl

Det finns en till kommentar till den här diskussionen. Den är bara synlig för medlemmar på iFokus. För att läsa kommentaren, logga in eller registrera dig på iFokus.