Comment créer sa première page Web en langage HTML

Bien que vous puissiez faire une page Web sans connaître le HTML, vous aurez inévitablement, à un moment ou un autre, des problèmes. Peu importe l’éditeur HTML que vous utilisez, vous aurez alors besoin de connaître le langage HTML pour y remédier. Il y a beaucoup de bons sites où vous pouvez apprendre le langage HTML, mais cet article vous montre les bases de la création d'un site Web en langage HTML. Avec cette initiation, vous serez bientôt en mesure de faire une vraie page Web !

Comment utiliser le HTML

  1. Comprenez bien ce qu'est le HTML. Le HTML est le langage de codage qui fait des pages web. Pour voir à quoi il ressemble, allez dans Internet Explorer, choisissez un site et faites un clic droit pour choisir "Afficher la source". Vous verrez une page de code, c’est du HTML. Ce code, c’est ce que votre navigateur voit, puis interprète pour afficher la page web.
    • Dans Internet Explorer, l'option de menu VOIR LA SOURCE est "native". Sur Mozilla Firefox, faites [Ctrl] + U pour afficher le code source de la page. Dans Safari, sélectionnez Affichage, puis Afficher la source (ou Option + Commande + U).
  2. Faites votre première page Web. Faites-la la plus simple possible, sinon, vous allez vite être dépassé(e) par la syntaxe et les lignes de script.
    • Le plus important est de retenir que vous devez écrire vos informations entre des balises HTML d'ouverture et des balises HTML de clôture. Une balise d'ouverture ressemble à ceci : <___>. Une balise de fermeture ressemble à ceci : </ ___>. Nous verrons plus tard par quoi remplacer le ___ .
  3. Sur votre PC, allez dans Démarrer, puis "Programmes", puis "Accessoires". Cliquez sur "Bloc-Notes ou Notepad".
  4. Indiquez au navigateur le langage que vous utilisez. Dans le bloc-notes ou un éditeur de texte quelconque, tapez <html>. C’est le premier tag que lira l'ordinateur et il traitera votre document comme une page web. Puis terminez votre page web avec cette balise : </ html>. Ceci termine la page web .
  5. Ajoutez le titre de la page comme le montre la photo ci-dessous.
  6. Donnez un titre à votre page. Un titre est important car il permet à vos utilisateurs de se faire une idée de ce que contient la page. Aussi, lorsque les utilisateurs mettent votre site en favori, c’est votre titre qu'ils voient dans leur liste de signets. La balise HTML pour le titre est : <title>. Une fois, le titre inscrit, terminez avec la balise : </ title>. Le titre va alors apparaître au sommet du navigateur.
  7. Travaillez sur le corps de la page. Tapez <body> pour ouvrir la balise body. Ensuite, fermez la balise body en tapant </ body>. La majeure partie du contenu de votre page web est à mettre entre <body> et </body>.
    • Si vous voulez donner à votre page Web une couleur de fond, vous pouvez ajouter un style au corps du texte. Mettez quelque chose comme : <body style="background-color : silver">. Vous pouvez mettre une autre couleur ou même un code hexadécimal. Les mots entre guillemets sont connus sous le nom d’"attributs". Ils doivent être encadrés par des guillemets.
  8. Tapez votre contenu entre les balises body.
    • Si vous voulez aller à la ligne (comme vous le faites en tapant la touche "Entrée"), inscrivez les balises <br> .
    • Voulez-vous faire défiler un texte ? Il suffit de taper quelque chose comme : <marquee>ce texte va ici </marquee>.
  9. Ajoutez des images. Si vous voulez mettre une image sur votre page web et que cette photo se trouve sur un autre site Internet, il faut utiliser la balise HTML : <img src="URL"> . La balise de fermeture est : </img>. Cependant, cette balise est facultative.

Conseils

  • Créer une page web en quelques minutes peut impressionner vos amis. Vous pouvez proposer de les aider à créer leurs propres pages. Ils seront sans doute impressionnés et flattés.
  • Vous pouvez également essayer Adobe Dreamweaver. Ce logiciel présente l’avantage, en cas de problème, de montrer où se trouve le problème et comment y remédier.
  • Lorsque vous ouvrez une balise, il faut systématiquement la fermer, même si c’est facultatif comme pour <img> ou <hr> .
  • Cet article vous a expliqué comment créer une page web. Consultez les wikiHows connexes ci-dessous pour obtenir des informations sur la façon de publier votre page web.
  • Lors de la fermeture des balises (ou tags), faites attention aux emboîtements. La "dernière balise" doit être fermée "en premier", ce qui donne par exemple : <tag1><tag2> emboîtement </tag2></tag1>
  • Pour faire des sites Web plus complexes, utilisez un éditeur web comme Microsoft Expression Web.
  • Par expérience, nous vous conseillons d’avoir deux versions de votre page, une version en .html et une autre, identique en contenu, en .txt. La première sert à visualiser, la seconde à modifier le code.
  • Utilisez un visualiseur pour tester les modifications que vous apportez. Ainsi, Myspace vous permet de voir ce que ça donne.
  • Voici un exemple de mauvais placement des balises <tag1> <tag2> Emboîtement </ balise1> </ tag2>
  • Beaucoup de gens gagnent leur vie en concevant des pages. Travaillez beaucoup et, peut-être, en ferez-vous votre métier !
  • Si votre page Web ne fonctionne pas, revérifiez toutes les balises (ouverture et fermeture des tags, espaces blancs en trop ou absents, etc.) Nombreuses sont les fautes de codage, mais elles sont faciles à corriger.
  • Sur Internet, vous trouverez de nombreux tutoriels pour vous aider. Faites une recherche Google pour trouver ces tutoriels de code HTML.

Avertissements

  • Assurez-vous que votre nom de fichier se termine bien en ".html" ou en ".htm" et choisissez bien "tous les fichiers" ou "txt", sinon cela ne fonctionnera pas.
  • Assurez-vous que vous hébergez vos propres images si vous ne voulez pas avoir de problèmes avec les sites dont vous utilisez les photos à distance ; cela s’appelle du vol de bande passante. Vous pouvez héberger vos images sur des sites tels que Photobucket, Flickr ou Imageshack.
  • La balise <marquee> n'est pas un tag officiel reconnu par le W3C (World Wide Web Consortium) et elle ne fonctionne pas sur tous les navigateurs. Ce tag a été créé pour Internet Explorer : il est cependant plus ou moins reconnu par d'autres navigateurs.
  • L'attribut "bgcolor" n'est plus guère de mise aujourd’hui. La bonne façon de changer la couleur de fond des éléments est d'utiliser les feuilles de style CSS. Cela évite de devoir changer l’attribut sur toutes les pages, une par une.
Information
Les membres de Guests ne peuvent laisser de commentaires.