Partager via

Éléments fondamentaux relatifs à HTML

  • Article

La plupart des navigateurs ont la capacité d'examiner la source HTML des pages que vous consultez. 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 les balises HTML pour générer une page Web. Dans ces étapes, vous saisirez le texte en clair dans un fichier grâce au Bloc-notes, vous apporterez des modifications, enregistrerez le fichier, puis rechargerez la page du navigateur pour afficher vos modifications.

Pour créer un fichier HTML

  1. Ouvrez le Bloc-notes ou un é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 :\webs\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 fenêtre "Balises HTML principales"

    Notez que les étiquettes sont affichées par paires et incluses entre crochets pointus. 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 requises) sont les mêmes que les balises de début à la seule différence qu'une barre oblique (/) précède la balise. Il ne doit y avoir aucun espace entre le crochet angle (<) et le début de votre balise.

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

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

  7. Dans le menu Fichier, choisissez Enregistrer .

  8. Basculez vers votre navigateur et actualisez la page.

    Les mots apparaissent dans la zone cliente de votre fenêtre de navigateur. Notez que votre retour chariot est ignoré. Si vous souhaitez avoir un saut de ligne, vous devez inclure une balise <BR> 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, en utilisant 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 les balises OL et /OL jumelées <à la <place des balises UL> et </UL>.><>

Cela peut vous aider à démarrer. Si vous consultez une fonctionnalité intéressante sur une page web, déterminez 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 pour le fichier que vous aviez 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 une description complète des étiquettes, attributs et extensions, consultez la spécification du langage HTML (Hypertext Markup Language) :

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

Voir aussi

Notions de base de la programmation Internet MFC