Webwereld

Beginners html.

Gestart doorOne2xs16 reacties25 weergaven
Log in om mee te praten

17 berichten · pagina 1 van 2

One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Hallo,

Heeft er iemand aanmerkingen op de volgende code:
Spoiler tonen
<html>
<head>
    <title>Test pagina 4</title>
<link rel="stylesheet" type="text/css" hrerf="style.css" />
</head>
<body>
<h1>test</h1>
<b>test</b> test test <a href="#">test</a> test test
</body>
</html>
Style.css:

a {
    font-weight: bold;            /* vet */
    color: #c00;                /* rood */
    text-decoration: none;        /* niet-onderstreept */
}
h1 {
    text-decoration: overline;    /*streep erboven*/
}


Screen:
Afbeelding
0
Klaasie

Lid

Berichten
5.498
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Beetje meer uitlijnen?

<html>
    <head>
        <title>Test pagina 4</title>
        <style>
        a {
            font-weight: bold;            /* vet */
            color: #c00;                /* rood */
            text-decoration: none;        /* niet-onderstreept */
        }
        h1 {
            text-decoration: overline;    /*streep erboven*/
        }
        </style>
    </head>
    <body>
        <h1>test</h1>
        <b>test</b> test test <a href="#">test</a> test test
    </body>
</html>
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Klaasie schreef:
Beetje meer uitlijnen?

<html>
    <head>
        <title>Test pagina 4</title>
        <style>
        a {
            font-weight: bold;            /* vet */
            color: #c00;                /* rood */
            text-decoration: none;        /* niet-onderstreept */
        }
        h1 {
            text-decoration: overline;    /*streep erboven*/
        }
        </style>
    </head>
    <body>
        <h1>test</h1>
        <b>test</b> test test <a href="#">test</a> test test
    </body>
</html>
Bedankt voor de tip.
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
In productie (als je site voor bezoekers zichtbaar is) je styles in een .css-stijlblad plaatsen.
is oud, is hipper in in.
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Ik zou ook een HTML-doctype gebruiken. Dan weet de browser welke HTML standaarden er gebruikt moeten worden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


Anders kan het zijn dat een browser in quirksmode gaat. Dan ziet je website er mogelijk anders uit in verschillende browsers (al is dat tegenwoordig steeds minder).
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Rik schreef:
Ik zou ook een HTML-doctype gebruiken. Dan weet de browser welke HTML standaarden er gebruikt moeten worden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


Anders kan het zijn dat een browser in quirksmode gaat. Dan ziet je website er mogelijk anders uit in verschillende browsers (al is dat tegenwoordig steeds minder).

Oke bedankt voor de tip.
0
Sebastiaanh

Lid

Berichten
9.953
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Waarom doe je je CSS niet in een apart bestand?
0
Maartenl

Lid

Berichten
5.897
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Sebastiaanh schreef:
Waarom doe je je CSS niet in een apart bestand?
Als ik base doe ik het ook zo, en als het af is in een apart bestand
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Sebastiaanh schreef:
Waarom doe je je CSS niet in een apart bestand?
Soms is het handig om in één pagina te werken, zodat je niet steeds hoeft te schakelen. Naderhand kun je in de live versie een CSS bestand aanmaken.

Echter zijn er ook zat sites (zie google) die gewoon met styles in het document zelf werken (in verband met requests). Je moet het namelijk zo voorstellen: Voor elk nieuw bestand (css, js, plaatje) moet er een nieuwe request naar de server gestuurd worden.
0
Antonn

Lid

Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Rik schreef:
Eerdere citaten tonen
Sebastiaanh schreef:
Waarom doe je je CSS niet in een apart bestand?
Soms is het handig om in één pagina te werken, zodat je niet steeds hoeft te schakelen. Naderhand kun je in de live versie een CSS bestand aanmaken.

Echter zijn er ook zat sites (zie google) die gewoon met styles in het document zelf werken (in verband met requests). Je moet het namelijk zo voorstellen: Voor elk nieuw bestand (css, js, plaatje) moet er een nieuwe request naar de server gestuurd worden.
Die worden tegenwoordig opgeslagen in cashes. Enkel de pagina die je bezoekt moet nog geload worden meestal. Vandaar kan je css en js enz beter in aparte bestanden proppen.
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Ik weet dat er een cache bestaat hoor. Maar dat is clientside. Mensen kunnen hun cache ook gewoon legen.
0
Kingunit

Lid

Berichten
10.409
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik zou de CSS aan elkaar doen. Maar dat is gewoon mijn mening. Voor elke ID of class 1 lijn.
0
Freestyle

Lid

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kingunit schreef:
Ik zou de CSS aan elkaar doen. Maar dat is gewoon mijn mening. Voor elke ID of class 1 lijn.
Dat is eigen smaak, style.

Ik zou je css in een css bestandje stoppen en dan met deze link inluce

<link rel="stylesheet" type="text/css" hrerf="stylebestandsnaam.css" />
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Freestyle schreef:
Eerdere citaten tonen
Kingunit schreef:
Ik zou de CSS aan elkaar doen. Maar dat is gewoon mijn mening. Voor elke ID of class 1 lijn.
Dat is eigen smaak, style.

Ik zou je css in een css bestandje stoppen en dan met deze link inluce

<link rel="stylesheet" type="text/css" hrerf="stylebestandsnaam.css" />

Ga ik doen.
0
Freestyle

Lid

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
ooja dit kan je ook beter anders doen:

<h1>test</h1>
<b>test</b> test test <a href="#">test</a> test test


Je moet daar eigenlijk gebruik maken van de

tags.
Omdat google het dan echt als content ziet, het staat netter, en eigenlijk hoort het ook gewoon zo

biggrin
<h1>test</h1>
<p>
    <b>test</b> test test <a href="#">test</a> test test
</p>
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren