Gå til innhold

Hvordan gjøre sånn at HTML og CSS henger sammen?

NeEeO

Av NeEeO
i Programmering og webutvikling

Anbefalte innlegg

NeEeO

NeEeO

Skrevet
Skrevet

Hei, jeg laget et document med html, men så ville jeg ha litt CSS også i. Det går jo ikke ann å ha CSS i en HTML fil, hvordan skal jeg ordne dette?

Videoannonse

Videoannonse
Annonse
masb

masb

Skrevet
Skrevet

du kan skrive css inni html-dokumentet jo. det gjøres ved å skrive 

<style="text/css">css her</style>

inni head-tagen.

 

for å koble et stilark med et html-dokument: 

<link rel="stylesheet" type="text/css" href="adressenher">

NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet (endret)

du kan skrive css inni html-dokumentet jo. det gjøres ved å skrive 

<style="text/css">css her</style>

inni head-tagen.

 

for å koble et stilark med et html-dokument: 

<link rel="stylesheet" type="text/css" href="adressenher">

Den funker ikke?

 

<html>

<Body>
<title> Min første hjemmeside.
</title> 
<body bgcolor="#66FFCC">
<center> <h1> Min hjemmeside <h1> </center>
<h5><br> Hei, dette er min første hjemmeside der jeg prøver å virkelig lage
en hjemme side med HTML.<br> Jeg har notert meg noen koder, som er listet nedenfor.</br>
<br>
<list>
<li> < hr> (witdh) (color) -  linje..</li>
<li> < br> - Ny linje. </li>
<li> < center> ..< /center> - Midten. </li>
<li> < h1> - Skrift størrelse. </li>
<li> < b> - Fet skrift. </li>
<li> < title> .. < /title> - Tittel. </li>
<li> < body bgcolor="farge"> </li>
<li> < a href="www.united.no"> ...</a>
</list>
<style="text/css">A:link{color:#000000}</style> 
<br>
<br>
<br>
<h3>Hurtig Lenker.</h3>
Supporter side:<br>
<a href="www.united.no"> Klikk her. </a>
<br>
VG
<a href="www.vg.no"><br> Klikk her. </a>
<br>
<hr color=red/>
<div style="position:relative; left:400px; top:1px">
<form action="">
Brukernavn: <input type="text" name="user" />
Passord: <input type="password" name="pass" />
</form>

Endret av Unitedman
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

du kan skrive css inni html-dokumentet jo. det gjøres ved å skrive 

<style="text/css">css her</style>

inni head-tagen.

 

for å koble et stilark med et html-dokument: 

<link rel="stylesheet" type="text/css" href="adressenher">

Jeg skjønte ikke helt det om stilark.

masb

masb

Skrevet
Skrevet (endret)

du kan skrive css inni html-dokumentet jo. det gjøres ved å skrive 

<style="text/css">css her</style>

inni head-tagen.

 

for å koble et stilark med et html-dokument: 

<link rel="stylesheet" type="text/css" href="adressenher">

Jeg skjønte ikke helt det om stilark.

 

her var det mye rart. 

<head><link rel="stylesheet" type="text/css" href="adressenher"></head>

 

Vil virkelig anbefale deg å se på http://htmldog.com. Gå gjennom tutorialsene der, så vil du forstå mye mer.

Endret av masb
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

Men, hva er feilen her? hvorfor funker ikke CSSen.

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

 

<html>

 

<Body>

<title> Min første hjemmeside.

</title>

<body bgcolor="#66FFCC">

<center> <h1> Min hjemmeside <h1> </center>

<h5><br> Hei, dette er min første hjemmeside der jeg prøver å virkelig lage

en hjemme side med HTML.<br> Jeg har notert meg noen koder, som er listet nedenfor.</br>

<br>

<list>

<li> < hr> (witdh) (color) - linje..</li>

<li> < br> - Ny linje. </li>

<li> < center> ..< /center> - Midten. </li>

<li> < h1> - Skrift størrelse. </li>

<li> < b> - Fet skrift. </li>

<li> < title> .. < /title> - Tittel. </li>

<li> < body bgcolor="farge"> </li>

<li> < a href="www.united.no"> ...</a>

</list>

<style="text/css">A:link{color:#000000}</style>

<br>

<br>

<br>

<h3>Hurtig Lenker.</h3>

Supporter side:<br>

<a href="www.united.no"> Klikk her. </a>

<br>

VG

<a href="www.vg.no"><br> Klikk her. </a>

<br>

<hr color=red/>

<div style="position:relative; left:400px; top:1px">

<form action="">

Brukernavn: <input type="text" name="user" />

Passord: <input type="password" name="pass" />

</form>

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

masb

masb

Skrevet
Skrevet

fordi den er skrevet helt feil. ta en titt på htmldog, og spør så hvis det er noe mer du lurer på. nytter ikke å lære ved å bare stille spørsmål uten å lese om emnet.

NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

fordi den er skrevet helt feil. ta en titt på htmldog, og spør så hvis det er noe mer du lurer på. nytter ikke å lære ved å bare stille spørsmål uten å lese om emnet.

Oh, sorry, jeg er bare 13 år, tenker å bli webdesigner.

mroek

mroek

Skrevet
Skrevet

fordi den er skrevet helt feil. ta en titt på htmldog, og spør så hvis det er noe mer du lurer på. nytter ikke å lære ved å bare stille spørsmål uten å lese om emnet.

Oh, sorry, jeg er bare 13 år, tenker å bli webdesigner.

Spiller ingen rolle om du er 13 eller 30. Du må likevel lære deg disse tingene, og du har fått tips om et nettsted hvor du kan finne den nødvendige informasjonen.

NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

fordi den er skrevet helt feil. ta en titt på htmldog, og spør så hvis det er noe mer du lurer på. nytter ikke å lære ved å bare stille spørsmål uten å lese om emnet.

Oh, sorry, jeg er bare 13 år, tenker å bli webdesigner.

Spiller ingen rolle om du er 13 eller 30. Du må likevel lære deg disse tingene, og du har fått tips om et nettsted hvor du kan finne den nødvendige informasjonen.

Jepp, leser på det.

Zucchini

Zucchini

Skrevet
Skrevet

Men, hva er feilen her? hvorfor funker ikke CSSen.

 

<style="text/css">A:link{color:#000000}</style>

 

Slik som du har definert stilen din, vil alle linker bli svarte. Det er de også fra før av. Kanskje det fungerer likevel? Hvis du eksperimenterer, finner du nok ut av det.

Big_JT

Big_JT

Skrevet
Skrevet

I tillegg er det vel best å plassere den i <head>, så blir det mere ryddigt. Ser du mangler head, men denne skal være før body. I tillegg skal <Title> inn der.

Bjonski

Bjonski

Skrevet
Skrevet

Alle nettsider har en grunnleggende struktur.

 


<html>     <--- starter html dokumentet.

 <head>   <--- Starter head

   Her skal ting som stilark, title og språk defineres.

 </head>  <--- Avslutter head

 <body>   <--- Starter body

   Her skal alt innholdet legges.

 </body>  <--- Avslutter body


</html>    <--- Avslutter html dokumentet.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...