Jump to content

Eerste HTML-script

Geplaatst:
comment_1555523

Dit is m'n eerste HTML-script. Ik hoop dat jullie het goed vinden voor m'n eerste keer. En ja, ik ga nog tutorials volgen, voor zei die willen zeggen dat ik zeker nog tutorials gaan moet volgen. 


<html>
<head>
<title>Mijn eerste HTML-code</title>
</head>
<body background="Lol.jpg"
<H1><font color="green"> Greenday Rocks!</H1</font>
<Font color="green">Do you love greenday? Then join our community!</font>
<P>
<p>

<center><H3><font color="red"><u>Some songs of Greenday </center></font></U>
<center><i><Ol>                   Boulevard of Broken dreams <BR>
<LI>21 Guns</li>
<li>Holiday</li>
<li>Know your enemy</li>
<li>American Idiot</li></font></H1>
and much more! </center><Br><br><br><br>
<b>Thanks to megadreams for helping with HTML, and also gtaforum for the good times!<BR>
<A href="http://www.gtaforum.nl/index">GTAFORUM</a><BR>
<A href="http://egph-productions.eu/taal.php?p=/">EGHP-productions</a>
</body>
</>

Je moet de bijlage wel downloaden, als je de creatie wilt zien. Ik heb namelijk een actergrond gebruikt. BTW: Niet kijken naar de inhoud, maar naar wat ik kan. Dus niet letten op de woorden/zinnen/...

EDIT:Ik heb een probleem. Ik gebruik een code voor een link, maar hij linkt niet.

<html>
<title>Mezelf</title>
<head>Ik ga d.m.v een code mezelf voorstellen.</head><br>
<body>
<b> Ik ben <a href="http://www.gtaforum.nl/user/103091-dakendak">Dakendak</a>, aka The Cockfather, maar in het echt leven Arkadi.

EDIT2:Het lag gewoon aan de HTML writer :clown:

post-103091-1261633134,65.jpg

Bewerkt: door Dakendak

  • Reageren
    • Like 1

    Featured Replies

    Geplaatst:
    • Auteur
    comment_1555525

    Sorry voor de dubbelpost, maar anders werd het bericht te lang. Nog een simpele:

    <html>
<title>Mezelf</title>
<head>Ik ga d.m.v een code mezelf voorstellen.</head><br>
<body bgcolor="yellow">
Ik ben <A href="http://www.gtaforum.nl/user/103091-dakendak">Dakendak</A>, aka The Cockfather, <BR>
maar in het echt leven Arkadi.
Ik hou van Punk(-rock), meisjes, gamen, GTA(forum)... <BR>
Algemene informatie:<BR>

<B>Leeftijd:</b> 13 jaar<br>
<B>Woonplaats:</b> Lokeren, België<BR>
<B>Hobby's:</b> Elektrische gitaar, gamen, muziek luisteren,......<BR>
Wil je me contacteren kan dat op dit email-adres : <a href=" dakedak (at) hotmail DOT com">Klik hier</a>
</body>
</html>

    Hier is geen bijlage voor nodig.

    EDIT: Ik heb weer een probleempje :). Ik gebruik dit script :

    <html>
<head>
<title>GTA-forum Portable</title>
</head>
<body>
<a href="lolderlol.mp4" >KLIK HIER VOOR DE TRAILER!</a>
</body>
</html>

    Ik kan het filmpje wel afspelen, maar hoe kan ik het filmpje groter laten worden?

    Bewerkt: door Dakendak

  • Reageren
    • Geplaatst:
    comment_1555530

    ehm ik weet wel zeker dat je eerst even wat tutorials mag volgen, als ik je html zie :puh: .

    Niet beledigend bedoeld hoor, maar het ziet er niet uit.

    In je vorige post staan 2 scriptjes, daarin moet je:

    <a href=" dakedak (at) hotmail DOT com">

    vervangen door:

    <a href="mailto:dakedak (at) hotmail DOT com">

    en dat film-bestandje dat weet ik niet, ik denk dat dat volledig aan de browser ligt, en niet aan de site.

    Je kunt hem wel op een pagina embedden, waarbij je meer controle hebt over de vorm, etc. van het filmpje. Zoek maar eens op <embed> (volgens mij voor alles behalve IE), <object> en <param> (deze 2 zijn volgens mij voor IE) of <video> (de nieuwste versie, voor HTML 5).

    Bewerkt: door marcootje

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1555532

    ehm ik weet wel zeker dat je eerst even wat tutorials mag volgen, als ik je html zie :puh: .

    Niet beledigend bedoeld hoor, maar het ziet er niet uit.

    In je vorige post staan 2 scriptjes, daarin moet je:

    <a href=" dakedak (at) hotmail DOT com">

    vervangen door:

    <a href="mailto:dakedak (at) hotmail DOT com">

    en dat film-bestandje dat weet ik niet, ik denk dat dat volledig aan de browser ligt, en niet aan de site.

    Je kunt hem wel op een pagina embedden, waarbij je meer controle hebt over de vorm, etc. van het filmpje. Zoek maar eens op <embed> (volgens mij voor alles behalve IE), <object> en <param> (deze 2 zijn volgens mij voor IE) of <video> (de nieuwste versie, voor HTML 5).

    Resultaat? Hetzelfde (bij die e-mail)...

  • Reageren
    • Geplaatst:
    comment_1555543

    Ja dat kan, maar nu weet elke grote browser dat het om een email gaat door het protocol 'mailto:', dus dit zal minder problemen gaan opleveren in andere browsers etc, FireFox kan dit volgens mij wel goed weergeven maar dingen als Operah of IE doen dit weer anders. Vandaar het protocol :)

  • Reageren
    • Geplaatst:
    comment_1555555

    Ik voeg ook nog een paar opmerkingen toe....

    <BR>

    Sowieso zou ik geen hoofdletters in code's gebruiken, maar kleine letters. Ook is het beter om volgens de laatste regels een tag welke geen afsluitingstag heeft (zoals deze, er is geen </br>) op de XHTML-manier af te sluiten:

    <br />

    Jouw eerste code ga ik ook even "ontleden"...

    <html>
<head>
<title>Mijn eerste HTML-code</title>
</head>
<body background="Lol.jpg"
<H1><font color="green"> Greenday Rocks!</H1</font>
<Font color="green">Do you love greenday? Then join our community!</font>
<P>
<p>

<center><H3><font color="red"><u>Some songs of Greenday </center></font></U>
<center><i><Ol>                   Boulevard of Broken dreams <BR>
<LI>21 Guns</li>
<li>Holiday</li>
<li>Know your enemy</li>
<li>American Idiot</li></font></H1>
and much more! </center><Br><br><br><br>
<b>Thanks to megadreams for helping with HTML, and also gtaforum for the good times!<BR>
<A href="http://www.gtaforum.nl/index">GTAFORUM</a><BR>
<A href="http://egph-productions.eu/taal.php?p=/">EGHP-productions</a>
</body>
</>

    <body background="Lol.jpg" -> WTF? Waar is je > om af te sluiten? Dit klopt nooit :clown: Doe eens <body background="Lol.jpg">...

    <P><p> -> Zoals ik al zei, liever geen hoofdletters. <p>'s moet je overigens wel afsluiten, dus <p></p><p></p> is al beter...

    Verder zit er nog een b, een u, een ol en verder open je een H3 en sluit je een H1 af... wtf...

    Verder sluit je ook nog eens af met </>. Serieus, wtf ben jij aan het doen :cab: Dit moet natuurlijk </html> zijn...

    Zo klopt de code wel:

    <!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">
<head>
<title>Mijn eerste HTML-code</title>
</head>
<body background="Lol.jpg">
<h1><font color="green"> Greenday Rocks!</font></h1>
<font color="green">Do you love greenday? Then join our community!</font>
<p></p>
<p></p>
<H3><font color="red"><center><u>Some songs of Greenday</u></center></font></h3>
<center><i><ol>Boulevard of Broken dreams<br />
<li>21 Guns</li>
<li>Holiday</li>
<li>Know your enemy</li>
<li>American Idiot</li></ol></i></font>
and much more! </center><br /><br /><br /><br />
<b>Thanks to megadreams for helping with HTML, and also gtaforum for the good times!</b><br />
<A href="http://www.gtaforum.nl/index">GTAFORUM</a><br />
<A href="http://egph-productions.eu/taal.php?p=/">EGHP-productions</a>
</body>
</html>

    In je tweede code zet je nog een <br> achter de <head> tag. Nonsens, haal die weg :puh:

    Dan is er nog een ding waar je op moet letter: tags in de juiste volgorde zetten. Open je de tags als <1><2><3> (niet bestaande tags, maar hier komt het voorbeeld duidelijk naar voren :clown: ) moet je ze afsluiten als <3><2><1>. Dit om bugs met vreemde browsers (lees: IE) te voorkomen.

    Je tweede code is overigens al beter als de eerste, maar lees toch nog eens een paar tutorials, en let op wat ik hierboven heb gezegd... :clown:

  • Reageren
    • Like 1
    Geplaatst:
    • Auteur
    comment_1555565

    Ja dat kan, maar nu weet elke grote browser dat het om een email gaat door het protocol 'mailto:', dus dit zal minder problemen gaan opleveren in andere browsers etc, FireFox kan dit volgens mij wel goed weergeven maar dingen als Operah of IE

    doen dit weer anders. Vandaar het protocol :)

    Ik gebruik IE :7

    En wat is dit? 

    <!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"><head>

    EDIT: Maar raar is dat het allemaal werkt :7

    Bewerkt: door Dakendak

  • Reageren
    • Geplaatst:
    comment_1555569

    En wat is dit? 

    <!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"><head>

    EDIT: Maar raar is dat het allemaal werkt :7

    Code om de browser wat definities te geven, hoef je verder niet op te letten. Is standaard Dreamweaver (beste editor voor webpagina's :puh:)

    Dat het allemaal werkt?

    Heb je het over jouw code? -> Vreemd, de code klopt iig niet

    Heb je het over mijn code? -> Natuurlijk werkt dat :*D

  • Reageren
    • Geplaatst:
    comment_1555706

    Is standaard Dreamweaver (beste editor voor webpagina's :puh:)

    Sommige dingen in de wereld zijn subjectief, sommige heel erg subjectief. Jouw uitspraak valt onder de laatste ;) .

    Die verbeterde code klopt inderdaad bijna, de laatste puntjes voor html transitional zijn zover ik kan zien deze:

    - er staat tekst direct in de <ol>, mag niet

    - het color-attribuut bestaat eigenlijk niet

    - er wordt (achter american idiot) een font gesloten die niet open is

    - nog een paar hoofdletters

    - blok-elementen mogen niet in line-elementen (center in font, ol in i)

    <!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">
<head>
<title>Mijn eerste HTML-code</title>
</head>
<body style="background-image: url(Lol.jpg);">
<h1><font style="color: green;"> Greenday Rocks!</font></h1>
<font style="color: green;">Do you love greenday? Then join our community!</font>
<p></p>
<p></p>
<center><h3><font style="color: red;"><u>Some songs of Greenday</u></font></h3></center>
<center>
Boulevard of Broken dreams<br />
<ol style="font-style:italic;">
<li>21 Guns</li>
<li>Holiday</li>
<li>Know your enemy</li>
<li>American Idiot</li></ol>
and much more! </center><br /><br /><br /><br />
<b>Thanks to megadreams for helping with HTML, and also gtaforum for the good times!</b><br />
<a href="http://www.gtaforum.nl/index">GTAFORUM</a><br />
<a href="http://egph-productions.eu/taal.php?p=/">EGHP-productions</a>
</body>
</html>

    Dat zou valid xhtml transitional zijn. Of het ook precies hetzelfde resultaat oplevert als de begin-code is een andere vraag. Wat heb je aan (x)html valid schrijven? Je pagina ziet er in alle browsers meestal (!) hetzelfde uit. Met invalide code probeert de browser maar wat in elkaar te zetten, wat meestal in een grote hoop troep uitdraait :puh: .

    Trouwens, ik moet er nog bij zeggen dat <font> vanaf html 5 volgens mij deprecated is, en <center> en <u> misschien ook.

    Ik zou zeggen: kijk eens op w3schools.com, hier kun je heel veel leren en er staat een complete documentatie van onder andere html en css. Op die website ben ik ook ooit begonnen :puh: .

  • Reageren

    • Een reactie plaatsen

    Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

    Gast
    Op dit onderwerp reageren...
    Naar onderwerpenlijst

    Recent actief 0

    • Er zijn hier geen geregistreerde gebruikers aanwezig.