Partager via

Notions de base html

La plupart des navigateurs ont la possibilité d’examiner la source HTML des pages que vous parcourez. Lorsque vous affichez la source, vous verrez un certain nombre de balises HTML (langage de balisage hypertexte), entourées de crochets(<>), entrelacées avec du texte.

Les étapes ci-dessous utilisent des balises HTML pour créer une page Web simple. Dans ces étapes, vous allez taper du texte brut dans un fichier dans le Bloc-notes, apporter quelques modifications, enregistrer le fichier et recharger votre page dans le navigateur pour afficher vos modifications.

Pour créer un fichier HTML

  1. Ouvrez le Bloc-notes ou n’importe quel éditeur de texte brut.

  2. Dans le menu Fichier , choisissez Nouveau.

  3. Tapez les lignes suivantes :

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. Dans le menu Fichier , choisissez Enregistrer et enregistrez le fichier en tant que c :\webpages\First.htm. Laissez le fichier ouvert dans l’éditeur.

  5. Basculez vers votre navigateur et, dans le menu Fichier , choisissez Ouvrir ou tapez file://C:/webpages/first.htm dans la zone d’édition d’URL du navigateur. Vous devez voir une page vide avec la légende de la fenêtre « Balises HTML principales ».

    Notez que les balises sont jumelées et sont incluses entre crochets. Les étiquettes ne respectent pas la casse, mais la mise en majuscules est souvent utilisée pour distinguer les étiquettes.

    La balise <HTML> démarre le document et la balise </HTML> la termine. Les balises de fin (pas toujours obligatoires) sont identiques à celles de la balise de départ, mais ont une barre oblique (/) devant la balise. Il ne doit y avoir aucun espace entre le crochet angle (<) et le début de votre balise.

  6. Revenez au Bloc-notes, puis après la <ligne /HEAD> , tapez :

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. Dans le menu Fichier , choisissez Enregistrer.

  8. Revenez à votre navigateur et actualisez la page.

    Les mots s’affichent dans la zone cliente de la fenêtre de votre navigateur. Notez que votre retour chariot est ignoré. Si vous souhaitez avoir un saut de ligne, vous devez inclure une <BR> balise après la première ligne.

    Pour toutes les étapes qui suivent, insérez le texte n’importe où entre <BODY> et </BODY> à ajouter au corps de votre document.

  9. Ajoutez un en-tête :

    <H3>Here's the big picture</H3>

  10. Ajoutez une image à l’aide d’un fichier .gif enregistré dans le même répertoire que votre page :

    <IMG src="yourfile.gif">

  11. Ajoutez une liste :

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Pour numéroter la liste à la place, utilisez des balises <OL> et </OL> jumelées à la place des balises <UL> et </UL>.

Ça devrait vous aider à commencer. Si vous voyez une fonctionnalité intéressante sur une page web, vous pouvez découvrir comment elle a été créée en examinant la source HTML. Les éditeurs HTML tels que Microsoft Front Page peuvent être utilisés pour créer des pages simples et avancées.

Voici la source HTML complète du fichier que vous avez créé :

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Pour obtenir une description complète des balises, des attributs et des extensions, consultez la spécification HTML (Hypertext Markup Language) :

Dernière version publiée de HTML à W3C.org.

Voir aussi

Principes de base de la programmation Internet MFC

  • Last updated on