Bien apprendre le html

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 21:39

Bonsoir,
J'aimerais tout simplement bien apprendre le html.
Je dis bien, j'ai testé tout se que j'avais appris sur le html en essayant de créer une page en html, le résultat est catastrophique, tout était à refaire.
Pourtant, j'ai bien tout appliqué.
Alors j'aimerais repartir à zéro.

Pouvez-vous m'aidez ?

ps: Ah et c'est pas la peine de me dire RECHERCHER, j'ai beau à rechercher sur des sites web, ça ne m'apprend rien de plus.

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Pakodar le Ven 3 Juin 2011 - 21:40

Bonjour,
Peut-être que ce tuto peut vous aider....je ne sais pas si vous l'avez vu.
http://forum.forumactif.com/t301865-le-html-comment-ca-marche?highlight=HTML

Pakodar
*****

Masculin
Messages : 669
Inscrit(e) le : 22/12/2010

http://ogamemaio.forumgratuit.org/forum
Pakodar a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bien apprendre le html

Message par ge80 le Ven 3 Juin 2011 - 21:43

Bonjour,

Une solution est aussi de poster, sur ce forum, le code qui ne fonctionne pas et demander de l'aide pour sa correction.

Cordialement,
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 21:47

Bonne idée, commençons par ce que je sais faire.

Avant de faire ça, puis-je mettre du html sur cette page ?

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Invité le Ven 3 Juin 2011 - 21:48

Bonsoir,

Oui bien sûr. Mettez-le entre les balises code.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 21:58

Merci, donc voici un résumé de ce que je sais faire:

Code:
<html>
<head>
<title>un titre</title>
</head>
<body>
<b>texte en gras</b><br>
<i>texte en italique</i><br>
<u>texte souligné</u><br>
<div align=left>texte à gauche</div><br>
<div align=center>texte centré</div><br>
<div align=right>texte à droite</div><br>
<font size=5>Change la taille</font><br>
<font color=#00FF00>met le texte en couleur (ici en vert)</font><br>
<ul><li>pour faire une liste avec des rond
<li>blabla</ul>
<ol><li>pour faire une liste avec des numéros
<li>blabla</ol>
&eacute (é)
&ecirc (ê)
&egrave (è)
&agrave (à)
&ugrave (ù)
&ucirc (û)
&ocirc (ô)
</body>
</html>

Bon je crois avoir fait le tour

Voici mes problème:

Je pense que je ne maîtrise pas suffisamment ça pour avancer.
Je pense que quelque chose cloche

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Invité le Ven 3 Juin 2011 - 22:06

Re,

Avez-vous encore le code HTML de la page que vous avez créé auparavant ? C'est de là qu'il vaudrait sans doute mieux partir, si vous l'avez encore.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 22:16

Bien sûr le voilà, j'ai pris une recette sur internet pour m'exercer, ceci est censé résumé tout ce que j'ai appris

Code:
<html>
<head>
<title>Grand test html</title>
</head>
<body>
<H1 div align=center>Boeuf bourguignon</div>
<H2 div align=left>Préparation : 1 heure</div>
<H2 div align=right>Cuisson : au moins 3 heures</div>
<H1 div align=center>Ingrédients (pour 4 personnes)</div></h1>
<H1 align=center></H1>
<P align=center> <ul=square><li>600 à 800g de pièce à<b>fondue pour bourguignon</b></P>
<li>4 sûr 5 oignons
<li>4 sûr 5 <font size=5>Carottes</font>
<li><b><i><font color=#FF0000>1<font size=5>BOUQUET </size></color></b>garni</i>
<li><u>1 bouteille <b>de </b><font size=5>Vin</font></u><i>rouge<u><font color=#0000FF>assez</font></i><font size=5>BON</font></u>
<li><u>100g</u><font color=#00FF00>de<b><i><font size=5>BEURRE</color></i></b></size></ul></div></h2>
<H2 align=right>Préparation:</right>
<div align=left><ol><li><b>Détailler<u>la viande</u></b>en<i>cubes</i>de 3cm<b><i><font color=#0000FF>de côté</font></i><font size=5>ENLEVER</font>les<u><font size=5>Gros</font></b><font color=#0000FF>morceaux</u>de</font><font color=00FF00>gros.</font>
<p>
</p>
<li><b><i><font color=#FF0000>Couper l'oignon</font></i><font color=#0000FF><font size=5>EN Morceaux.</size></color></b><br>
<font size=5><font color=#FF0000>LE</color></size>faire revenir<u>dans une poêle</u>au beurr<font color=#FF0000>e.</font><font color=#0000FF>Une fois</font><u><font color=#00FF00>
</u>,<b>versez</font>le dans</b>une cocotte<i><font color=#00FF00><font size=5><u><i><b>Préférence.</b></i></u></size></color></ol><br>
<p>
</p>
<blockquote>Procéder de <b><i>même</i><font size=5><pre>A V E C</pre></font>
<u><font color=#0000FF>la viande</u></b>mais en 1<sup>ère</sup></font>fois<u><font color=#FF0000>jusqu'à ce que</font></u><b><font size=5><font color=#0000FF><pre>T O U S</pre></size></b>les morceaux</color><i>soient cuits.</i></blockquote><br>
<blockquote><b><font color=#00FF00>Les<u>ajouter</u>au</b><pre>f u r</pre>et a<font size=5><pre>M e s u r e</pre></size></color><i><u><font color=#0000FF>dans la</u>cocotte.</font>Ne pas avoir<u><font size=5>Peur</font></u></i>de<font color=#00FF00><font size=5>Rajouter</size></color>du<b><i>beurre<u><font color=#FF0000><font size=5><pre>E N T R E</pre></font></u></b>chaque</font>fournée.</i></blockquote><br>
<p>
</p>
<font color=#000000><address>Les bons conseils,<br>
16 rue blabla,<br>
11000</address></div></color>
</body>
</html>

Ce n'est pas ce que je voulais, le texte n'était pas censé être entièrement colorié, il devait il y a voir des zones en noir et les mots sont collé, au passage j'ai fait quelque modifications, autre chose la liste des ingrédients devait se situé au centre.
Les points de la liste des ingrédients devaient être carré.
Quand je pense que j'ai mis du temps a le préparer et a le taper sur internet, je suis dégoutté...

Modération : Rajout de la balise [code].

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Alex Fowl le Ven 3 Juin 2011 - 22:48

Bonsoir,

Je corrige votre code ! Smile

Cordialement,

Alex Fowl
+ Hyperactif +

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 22:51

Je vous en remercie d'avance

Si au passage vous n'auriez pas 2 ou 3 petites astuces, cela m'encouragerais a continuer.

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Alex Fowl le Ven 3 Juin 2011 - 23:10

Bonsoir,

Je vous invite à bien relire mon tutoriel sur le html : http://forum.forumactif.com/t301865-
Surtout de revoir la balise <font> car une fois sur deux vous l'écrivez correctement ! Smile

Et de comparer les deux codes :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
    <head>
    <title>Grand test html</title>
    </head>
    <body>
    <H1> <div align="center">Boeuf bourguignon</div></h1>
    <H2> <div align="left">Préparation : 1 heure</div></h2>
    <H2> <div align="right">Cuisson : au moins 3 heures</div></h2>
    <H1> <div align="center">Ingrédients (pour 4 personnes)</div></h1>
    <H1 align="center"></H1>
    <P align="center">
   <ul>
   <li>600 à 800g de pièce à<b> fondue pour bourguignon</b></li>
    <li>4 sûr 5 oignons</li>
    <li>4 sûr 5 <font size="5">Carottes</font></li>
    <li><i><b><font color="#FF0000">1<font size="5"> BOUQUET </font></font></b>garni</i></li>
    <li><u>1 bouteille <b>de </b><font size="5">Vin </font></u><i>rouge <u><font color="#0000FF">assez </font></i><font size="5">BON</font></u></li>
    <li><u>100g </u><font color="#00FF00">de <b><i><font size="5">BEURRE</font></font></i></b></li>
   </ul>
   </P>
    <H2 align="right">Préparation :</h2>
    <div align="left">
   <ol>
   <li><b>Détailler<u> la viande</u></b>en <i>cubes</i> de 3cm <b><i><font color="#0000FF">de côté</font></i><font size="5"> ENLEVER</font> les<u><font size="5"> Gros</font></b><font color="#0000FF"> morceaux</u> de </font><font color="#00FF00">gros.</font></li>
    <li><b><i><font color="#FF0000">Couper l'oignon</font></i> <font color="#0000FF" size="5">EN Morceaux.</font></b></li>
   <br>
    <li><font size="5" color="#FF0000">LE</font> faire revenir <u>dans une poêle</u> au beurr<font color="#FF0000">e.</font>
   <font color="#0000FF">Une fois</font><u><font color="#00FF00">    </u>, <b>versez</font>le dans</b> une cocotte<font color="#00FF00" size="5"><u><i><b>Préférence.</b></i></u></font></li>
   </ol>
   <br>
   
    <blockquote>Procéder de <b><i>même</i><font size="5"><pre>A V E C</pre></font>
    <u><font color="#0000FF">la viande</u></b> mais en 1<sup>ère</sup></font> fois <u><font color="#FF0000">jusqu'à ce que</font></u><b><font color="#0000FF"><font size="5"><pre>T O U S</pre></font></b> les morceaux</font> <i>soient cuits.</i></blockquote>
   <br>
    <blockquote><b><font color="#00FF00">Les <u>ajouter</u> au</b> <pre>f u r</pre> et a <font size="5"><pre>M e s u r e</pre></font></font> <i><u><font color="#0000FF">dans la</u> cocotte.</font> Ne pas avoir <u><font size="5">Peur</font></u></i> de <font color="#00FF00" size="5">Rajouter</font> du<b> <i>beurre <u><font color="#FF0000"><font size="5"><pre>E N T R E</pre></font></u></b>chaque</font> fournée.</i></blockquote>
   <br>
   
    <font color="#000000">Les bons conseils,<br>
    16 rue blabla,<br>
    11000</div></font>
    </body>
    </html>
Smile

Cordialement,

Alex Fowl
+ Hyperactif +

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 23:23

Merci, ne connaîtriez vous pas un site ou une personne qui pourrait m'apprendre le reste des bases ?

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Alex Fowl le Ven 3 Juin 2011 - 23:28

Bonsoir,

Plusieurs sites sont cités à la fin de mon tutoriel ! Smile

Cordialement,

Alex Fowl
+ Hyperactif +

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bien apprendre le html

Message par Ongenet le Ven 3 Juin 2011 - 23:31

Je vous en remercie, je vais essayer d'en d'en faire bon usage.

Je vous souhaite une excellente fin de soirée.

Ongenet
Nouveau membre

Masculin
Messages : 16
Inscrit(e) le : 02/06/2011

http://multi-jeux.forumgratuit.org
Ongenet a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum