Gå til innhold

Hvordan ser dette ut så langt?


Anbefalte innlegg

<!DOCTYPE HTML PUBLIC

"-//W3C//DTD HTML 4.0 Transitional//EN"

  "http://www.w3.org/TR/REC-html40/loose.dtd">

<html>

<head>

<title> Haugaland Undervannsjegere -Bort fra land, ned i vann..</title>

<style>

body {background-color: white}

h1 {font: Arial; font-size: 16pt;}

h2 {font: Arial; font-size: 18pt;}

p {font: Times New Roman; font-size: 14;}

</style>

</head>

<body>

<div align="center"

<img src="banner1.jpg" width="1000" height="200">

</div>

<hr>

<p><hr></p>

<div align="left"

<img src="menytag.jpg" width="200" height="50">

Ja, lurer på hvordan denne koden ser ut så langt.. Har lest meg frem til det meste..

 

/Jan Tore

Lenke til kommentar
Videoannonse
Annonse

Legg denne koden i <head> området:

<link rel="Stylesheet" href="cssdokumentetditt.css" type="text/css">

 

du lager bare ett css dokument som innholder det som nå står innenfor <style> taggen, uten å ta med <style> lagre som det du vil..I dette tilfellet "cssdokumentetditt.css"

 

Mvh Mr Chief

Lenke til kommentar

Jeg svarte jo på det...

 

du lager bare ett css dokument som innholder det som nå står innenfor <style> taggen, uten å ta med <style> lagre som det du vil..I dette tilfellet "cssdokumentetditt.css"

 

din css kode:

body {background-color: white}
h1 {font: Arial; font-size: 16pt;}
h2 {font: Arial; font-size: 18pt;}
p {font: Times New Roman; font-size: 14;}

Endret av Mr Chief
Lenke til kommentar

Enda mer utrolig blir det når du begynner med class og id ;)

 

Da kan du for eksempel skrive dette i html-koden:

Tekst her

 

og for å gi denne spesielle paragrafen en større skriftstørrelse enn i de andre paragrafene blir det slik i css:

 

#spesiellparagraf {

font-size: 22pt;

}

 

id er riktignok kun til bruk på "ett element" om du bruker

Tekst her

flere steder i html-dokumentet vil det ikke virke skikkelig. Om du vil ha den samme spesielle stylingen på paragrafen flere steder må du i så fall bruke

Tekst her

 

Det blir da litt annerledes i CSSn:

.spesiellparagraf {

font-size: 22pt;

}

 

"#" blir yttet ut med "."

 

Ellers vil jeg anbefale deg å sjekke ut denne tråden som linker til andre steder og tråder som gir deg svar på det aller meste du måtte lure på innen html og css. Link: https://www.diskusjon.no/index.php?showtopic=176376

Da vil du straks lære mye mer.

Endret av The Strategy-player
Lenke til kommentar

Det er jeg klar over, men det er mulig (og det vet jeg du vet) å bruke id og class på

selvfølgelig er det beste å bare bruke vanlig p i css om alle paragrafene skal ha samme styling, men sett at alle unntatt en paragraf skal ha det. Da kan man ha for eksempel:

 

p {

font-size: 14pt;

}

 

#spesiellparagraf {

font-size: 22pt;

}

 

i CSS. Om jeg ikke tar grådig feil.

 

Dessuten var det kun ett eksempel på hvordan class og id fungerer og det å bruke

som eksempel var kun en tilfeldighet, kunne like gjerne brukt

som eksempel.
Lenke til kommentar

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å
×
×
  • Opprett ny...