Å putte inn link til andre sider i html

Kanetheheatsink · 14. juni 2005

Heisann!

Har prøvd litt med html, og tenkte jeg skulle prøve å fikse en slags meny nå.

Jeg har laget en skisse der du kan se.

Jeg lurer bare på hvordan jeg skal få de "link" tingene til å bli linker?

jeg vet at jeg er litt ny til dette, så forklar gjerne på en litt lett måte om det er mulig, eller ikke og evt. hvordan.

Mvh. Lasse

mikk- · 14. juni 2005

Beklager først at jeg ikke gidder å gi deg et fullstendig og enkelt svar. Min mening er at et enkelt svar kun ville gi deg en temporær løsning, og det ville ført til at du måtte komme tilbake hit neste gang du ville ha hjelp til en liten filleting.

Derfor vil jeg anbefale deg å lese om HTML og CSS på for eksempel HTMLdog.com.

På lærerrommet på skolen henger det en lapp med "gi en mann en fisk, og han er mett for en dag. Lær en mann å fiske, og han er mett resten av livet". Huhei.

Kanetheheatsink · 14. juni 2005

(har hørt den før )

Altså, jeg har lest _noe_ om html, men problemet er at jeg ikke vet hva jeg skal lese.. :/

Fikk link av en annen bruker Her.

Mvh. Lasse

mikk- · 14. juni 2005

Ok:

Lag en liste, (<ul id="meny"><li>listepunkt1</li><li>listepunkt2</li></ul>), der hvert enkelt listepunkt har en ID.

Deretter styler du denne i CSS.

List-style: none;

Angi bredde og høyde på LI og float: left;

I hvert listepunkt har du en link med span rundt teksten (<a href="#"><span>menypunkt1</span></a>). I CSS gjemmer du (display: hidden;) det som er inni "#meny li a span". A-elementene må være like store som listepunktene.

Bildet du har som bakgrunn, kan være angitt som bakgrunn i UL-elementet.

Kanetheheatsink · 14. juni 2005

<img src="http://img161.echo.cx/img161/2883/utennavn5rp.png">

<html>

<html>

<head>

<style type="text/css">

h1 {color: white}

h2 {color: red}

</style>

</head>

<body>

</body>

</html>

<h1>

<html>

<head>

<title>Test</title>

</head>

<body>

Dato: <h2><b>14.06.05</b></h2>

</body>

</html>

<br />

<body>

<h1>Test <k>normal tekst</k></h1>

</body>

</html>

<img src="http://www.hoffeiendom.no/bilde.php/5027/image%5Epjpeg/0/0/1">

<html>

<body background="http://img69.echo.cx/img69/236/utennavn0lr.png">

<h1><p>1</p></h1>

<h1><p>jpg, og gif kan brukes som bakgrunn</h1></p>

<h1><p>For små bilder blir dobble</h1></p>

</body>

</html>

</h1>

<body>

<h2>liste</h2>

<h1><ul>

<li>1</li>

<li>22</li>

<li>333</li>

<li>4444</li>

</ul></h1>

</body>

Der kan du selv se hvordan jeg har gjort det.

På filen kan du se hvordan det er nå.

Seff, bare prøver litt rundt før jeg begynner på noe..

Kunne du gjort om til sånn det skal være, så jeg ser hvordan det skal være?

Da har jeg noe å gå utifra

EDIT: Må edite litt i fila. "brb"

EDIT2: Nå er filen edita

2.htm

Endret 14. juni 2005 av magubrothers

j-- · 15. juni 2005

<html>

<html>

<head>

<style type="text/css">
h1 {color: white}
h2 {color: red}
</style>

</head>

<body>


</body>

</html>

<h1>

<html>
<head>
<title>Test</title>
</head>

<body>
Dato: <h2><b>14.06.05</b></h2>
</body>
</html>
<br />
<body>
<h1>Test <k>normal tekst</k></h1>
</body>
</html>

<img src="http://www.hoffeiendom.no/bilde.php/5027/image%5Epjpeg/0/0/1">
<html>
<body background="http://img69.echo.cx/img69/236/utennavn0lr.png">

<h1><p>1</p></h1>

<h1><p>jpg, og gif kan brukes som bakgrunn</h1></p>

<h1><p>For små bilder blir dobble</h1></p>

</body>
</html>


</h1>

<body>

<h2>liste</h2>

<h1><ul>
<li>1</li>
<li>22</li>
<li>333</li>
<li>4444</li>
</ul></h1>

</body>

-------

Ok, tingene som jeg fikset på:

<img src="http://img161.echo.cx/img161/2883/utennavn5rp.png">

Alt innholdet i html skal plasseres innenfor <body> </body> tag'ene. Så du kan ikke ha et bilde utenfor tag'ene.

<html>

<html>

VIKTIG:

Det skal bare være 1 "<html> (</html>) tag", 1 "<body> (</body>) tag" og 1 "<head> (<head>)" på hver html-side.

Kort oppsumering:

<html> <- Dette er tagen som er rundt hele dokumentet. Altså helt øverst og nederst i dokumentet

<head> <- Dette er tagen som viser hva som er "hodet" på siden. Der står det blandt annet tittelen på siden (<title>Tittel</title>) Der kan man også skrive metatags, noe som forteller hva innholdet på siden er, hvem som har skrevet det osv.

<body> <- Dette er tagen der innholdet på siden skal skrives i. Alstå skal nesten all koden din inn her.

Når dette følges så skal det bli sånn:

<html>
<head>
</head>
<body>
</body>
</html>

----------------

Ok, jeg bare rydder opp litt i koden din, jeg:


<html>
<head>


<title>magubrothers</title>
<style type="text/css">
h1 {color: white}
h2 {color: red}
</style>


</head>
<body background="http://img69.echo.cx/img69/236/utennavn0lr.png">


Dato: <h2><b>14.06.05</b></h2>


<br>


<h1>Test normal tekst</h1>


<img src="http://www.hoffeiendom.no/bilde.php/5027/image%5Epjpeg/0/0/1">


<h1><p>1</p></h1>
<h1><p>jpg, og gif kan brukes som bakgrunn</p></html>
<h1><p>For små bilder blir dobble</p><h1/>
<h2>liste</h2>

<h1>
<ul>
<li>1</li>
<li>22</li>
<li>333</li>
<li>4444</li>
</ul>
</h1>


</body>
</html>

Tror denne skulle være helt fin

Til dere som vil kommentere mangel av doktype: Jeg har utelatt det fordi det blir litt for kaotisk for en helt fersk nybegynner

Kanetheheatsink · 15. juni 2005

Nå har jeg begynt å lage den til en "hjemmeside" om mn kan kalle det for det.

<html>
<head>

<title>magubrothers</title>

<style type="text/css">

h1 {color: white}

h2 {color: red}

</style>

</head>

<body background="http://img69.echo.cx/img69/236/utennavn0lr.png">

<h1>Velkommen til min hjemmeside!</h1>

<br>

<h1>Jeg skal prøve å oppdatere snart, men HTML er ikke lett.</h1>

<img src="http://img175.echo.cx/img175/1667/bilde20145bd28pc.jpg">

<h1><p>Om du har noen forslag om hva jeg kan putte inn, send mail. (se link lenger nede)</p></html>

<h1><p>For små bilder blir dobble</p><h1/>

<br>

<h2>test: liste over dager i uker</h2>

<h1>

<ul>

<li>Mandag</li>

<li>Tirsdag</li>

<li>Onsdag</li>

<li>Torsdag</li>

<li>Fredag</li>

<li>Lørdag</li>

<li>Søndag</li>

</ul>

</h1>

<a href="http://www.kanetheheatsink.tk/"

target="_blank">Dette er min gamle side.</a>

<p>

<a href="mailto:[email protected]?subject=Hello%20again">

Send Mail</a>

</p>

</body>

</html>

<p style="color: #FFF; text-size: 20px;">Dette er en tekst</p>

<p style="color: #44f;">Dette er enda tekst</p>

For sikkerhetens skyld tar jeg ikke med bildet av meg ennå.

Endret 15. juni 2005 av magubrothers

Logg inn

Å putte inn link til andre sider i html

Anbefalte innlegg

Kanetheheatsink

Lenke til kommentar

Videoannonse

mikk-

Lenke til kommentar

Kanetheheatsink

Lenke til kommentar

mikk-

Lenke til kommentar

Kanetheheatsink

Lenke til kommentar

j--

Lenke til kommentar

Kanetheheatsink

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Vil savne én statsråd gitt... 1 2 3 4 7

Hvem er aktive 0 medlemmer