sliter med html :O

sertifisert idiot

25. august 2011

hei nff

driver å lærer meg litt html (veeeldig noob så detta må gå langsomt frem) og tenkte å laga en fake nettbutikk(denne skal ikke åpnes eller selge noe som helst, bare for morro skyld) og har da kommet så langt som dette:
<html>
<head>
<title> bilbutikken.no </title>
<body>
<p> velkommen til bilbutikkens nye nettsider!!!</p>

<table width="1000" border="10">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>bilbutikken</h1>
</td>
</tr>
<p> velkommen til bilbutikkens nye nettsider!!!</p>

</body>
</html>

men når jeg da åpner index fila i nettleseren så kommer jo teksten: velkommen til bilbutikkens nye nettsider, over den table'en :S

mulig jeg har forklart meg dumt, men skjønner ikke ett kvekk xD
hva har jeg gjort galt? og hvordan får jeg teksten som er over, til å komme seg under?

tusen takk for svar

kaixlaiv

418 76

25. august 2011

<html>
<head>
<title> bilbutikken.no </title>
<body>
<p> velkommen til bilbutikkens nye nettsider!!!</p>

<table width="1000" border="10">
<tr>
<p> velkommen til bilbutikkens nye nettsider!!!</p>
<td colspan="2" style="background-color:#FFA500;">
<h1>bilbutikken</h1>
</td>
</tr>

</body>
</html>

sånn?

Xernox

3.612 1.406

25. august 2011

Han sa under ikke inni.

<p> velkommen til bilbutikkens nye nettsider!!!</p> (den øverste) skal være h1, og <h1>bilbutikken</h1> skal være <p> Ikke at det hjelper problemet ditt da

Du glemte å avslutte <head>.

Sist endret av Xernox; 25. august 2011 kl. 14:45.

liasis

Logotytme

4.062 3.209

25. august 2011

Først og fremst så validerer ikke koden din i hele tatt, om du bruker http://validator.w3.org/check vil du få grundige forklaringer til hva som ikke validerer,hvorfor, og hvordan du kan rette det.

Første steg er å skrive korrekt html.

cyberlink93

sertifisert idiot

Trådstarter

267 39

25. august 2011

hmm, skjønte det fortsatt ikke jeg da... noen som kan forklare hvordan jeg får den teksten under? bruker notepad++ vis det hjelper?

Capital Vices

171 66

25. august 2011

Du har glemt å ha med </head> og </table> for å avslutte dem.

Sist endret av Capital Vices; 25. august 2011 kl. 14:57.

cyberlink93

sertifisert idiot

Trådstarter

267 39

25. august 2011

akkurat, hvor hen da? fy f, føler meg som en idiot xD

Sjanten

581 217

25. august 2011

Nå er jeg litt for snill men;

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>bilbutikken.no</title>

<style type="text/css">
 td.c1 {background-color:#FFA500;}
</style>

</head>
<body>
<table width="1000" border="10">
<tr>
<td colspan="2" class="c1">
<h1>bilbutikken</h1>
</td>
</tr>
</table>
<p>velkommen til bilbutikkens nye nettsider!!!</p>
</body>
</html>

Validererer uten feil i følge http://validator.w3.org/check og viser velkommen teksten under tabellen.
Sammenlikningen med din kode overlater jeg til deg slik at du kan lære av hva som var feil.

Anbefaler også at du leser litt på www.w3schools.com og/eller www.tizag.com.

Sist endret av Sjanten; 25. august 2011 kl. 15:16.

Ivar

567 414

25. august 2011

Kode

<html>
<head>
<title> bilbutikken.no </title>
<body>
<table width="1000" border="10">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>bilbutikken</h1>
</td>
</tr>
<p> velkommen til bilbutikkens nye nettsider!!!</p>

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

du glemte </body> og </head> i slutten. det sørger for valideringsfeil, også hadde du "<p> velkommen til bilbutikkens nye nettsider!!!</p>" over <table..> også hadde du en under...

Hvis det er feil og du ønsker bilbutikken over tabellen så drar du <h1>bilbutikken</h1> og setter den rett under <body>

skepsis

liker bass

1.340 299

25. august 2011

<html>
hurtig forsøk på å fikse!

legger til noen comments i koden(disse vil bli ignorert av nettleseren å ikke vist)
ser slik ut btw: 

Edit: missforsto litt + mange andre har svart!

<head>
<title> bilbutikken.no </title>
</head> 

<body>
<p> velkommen til bilbutikkens nye nettsider!!!</p>

<table width="1000" border="10">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>bilbutikken</h1>
</td>
</tr>
</table>
<p> velkommen til bilbutikkens nye nettsider!!!</p>

</body>
</html>

Sist endret av skepsis; 25. august 2011 kl. 15:17.

cyberlink93

sertifisert idiot

Trådstarter

267 39

25. august 2011

takke takk

Ivar

567 414

25. august 2011

til meg, avsluttet header feil

så bruk heller den siste, eller fjern header i bunnen og sett den over starten på <body>.

du bør lese deg mer til html ( og det bør jeg også :P).
http://www.w3schools.com/html/default.asp
http://www.w3schools.com/html/html_layout.asp

kombiner det med
http://www.w3schools.com/css/default.asp

evnt. så kan du legge til JS
http://www.w3schools.com/js/default.asp

og senere kan du komme med ajax og du vil få en lækker side å leke med.

Starra

1.202 93

25. august 2011

http://w3fools.com/ - Hvorfor man skal være kritisk til W3Schools.