Ce wikiHow vous apprend à coder une page Web texte simple avec HTML. Une fois que vous avez créé votre page de texte, vous pouvez l'enregistrer en tant que document HTML et l'afficher dans votre navigateur Web. La création d'une page HTML est possible à l'aide des éditeurs de texte de base présents sur les ordinateurs Windows et Mac.

Première partie de deux:
Création de la page Web

  1. 1 Ouvrez un éditeur de texte. Sur un ordinateur Windows, vous utiliserez généralement Notepad ou Notepad ++ alors que les utilisateurs Mac utiliseront TextEdit:
    • les fenêtres - ouvert Début , tapez bloc-notes, ou bloc-notes ++et cliquez Bloc-notes ou "Notepad ++" en haut de la fenêtre.
    • Mac - Cliquez sur Projecteur , tapez texteditet double-cliquez TextEdit en haut des résultats.
  2. 2 Configurez votre type de document pour HTML. Tapez et appuyez sur ↵ Entrer, puis tapez et appuyez sur ↵ Entrer encore. Enfin, tapez et appuyez sur ↵ Entrer. Le haut de votre document doit ressembler à ceci:[1] 
      <html> <tête>
  3. 3 Ajoutez un titre d'onglet pour votre page Web. C'est le titre qui apparaîtra sur l'onglet du navigateur lorsque vous ouvrez la page (par exemple, "Facebook"). Tapez , entrez le titre de l'onglet de votre page Web et tapez . Vous allez ensuite ajouter la balise "Head" de fermeture, qui est , sur sa propre ligne. La section du titre devrait ressembler à ceci: 
     <Titre>Ma page Web</Titre> </tête>
  4. 4 Indiquez le début du texte du corps de votre page. Tapez en dessous du tag "Head" fermé. Cela garantit que le reste du texte de votre document sera considéré comme texte du site Web jusqu'à ce que vous fermiez la balise "Corps". Vous devriez avoir les éléments suivants: 
     <corps>
  5. 5 Créez un en-tête de page. Votre en-tête de page est le titre qui apparaîtra en haut de votre site. Pour en créer un, tapez

    , ajoutez votre titre, puis fermez la balise avec . Par exemple: 
     <h1>Bienvenue sur ma page!</h1>
  6. 6 Ajoutez des titres supplémentaires au fur et à mesure. Il existe six rubriques différentes que vous pouvez créer en utilisant le

    par
    Mots clés. Par exemple, pour créer trois en-têtes de tailles différentes, vous pouvez écrire ce qui suit: 
     <h1>Bienvenue sur ma page!</h1> <h2>Je m'appelle Bob.</h2> <h3>J'espère que vous l'aimez ici.</h3>
  7. 7 Créez un paragraphe. Les balises de paragraphe sont utilisées pour créer des blocs de texte distincts. Pour placer du texte dans un paragraphe, tapez

    et tapez votre texte, puis tapez

    pour fermer le tag: 

     <p>Ceci est mon paragraphe.</p>
    • Vous pouvez ajouter plusieurs lignes de paragraphe dans une ligne afin de créer une série de paragraphes sous un titre.
  8. 8 Changer la couleur du texte. Vous pouvez changer la couleur de n'importe quel texte en encadrant le texte avec le tags, en veillant à taper votre couleur préférée dans la section "couleur" (vous conserverez les guillemets). Par exemple, pour modifier le texte d'un paragraphe en bleu, vous devez écrire ce qui suit:[2] 
     <p>Couleur="bleu">Les baleines sont des créatures majestueuses.</police>/p>
    • Vous pouvez transformer n'importe quel texte (par exemple des en-têtes) en une couleur différente avec cet ensemble de balises.
    • HTML prend en charge un nombre étonnamment élevé de couleurs, alors n'hésitez pas à expérimenter différents noms de couleurs.
  9. 9 Formatez le texte en gras, en italique ou en soulignant. Audacieux texte, italique le texte et le texte souligné peuvent être créés avec le tags, le tags, et le tags respectivement. Vous pouvez également créer du texte en indice (utilisé pour des choses comme des nombres avant les racines carrées) et du texte en exposant (utilisé pour des choses comme les nombres carrés):[3] 
     <b>Texte en gras</b> <je>Texte en italique</je> Texte souligné</u> <sous>Texte en indice</sous> <souper>Texte en exposant</souper>
  10. 10 Ajouter une image à votre page. Vous pouvez utiliser le tags pour intégrer une image existante dans votre page Web. Par exemple, si l'URL de l'image est "www.mypicture.com/lake", vous devez écrire ce qui suit: 
     <img src="www.mypicture.com/lake"></img>
  11. 11 Lien vers une autre page. Vous pouvez ajouter un lien vers un autre site Web en utilisant le texte du lien jeu de balises, où lien est l'URL du site Web auquel vous souhaitez créer un lien et texte du lien est le texte qui servira de lien. Par exemple, pour créer un lien vers Facebook, vous devez taper ce qui suit:[4] 
     <une href="www.facebook.com">Ceci est le lien vers le site de Facebook</une>.
  12. 12 Fermez les balises de la page Web. Comme pour toute balise HTML, vous devrez fermer le et balises situées en haut de votre document en tapant ce qui suit au bas du document: 
     </corps> </html>
  13. 13 Examinez votre page Web. Vous pouvez ajouter plus de paragraphes, de titres et de texte n'importe où sur la page entre le tags si nécessaire. Voici un exemple de page Web terminée: 
      <html> <tête> <Titre>wikiHow Fan Page</Titre> </tête> <corps> <h1>Bienvenue sur ma page!</h1> <p>Ceci est une page fan pour wikiHow. Fais comme chez toi!</p> <h2>Rendez-vous importants</h2> <p><je>15 janvier 2019</je> - L'anniversaire de wikiHow</p> <h2>Liens</h2> <p>Voici un lien vers wikiHow: <une href="www.wikihow.com">www.wikihow.com</une></p> </corps> </html>
  14. 14 Apportez des modifications de dernière minute. Si vous voyez des erreurs dans votre code, corrigez-les avant de continuer. Une fois que vous êtes certain que votre code HTML reflète fidèlement vos attentes, vous pouvez passer à la partie suivante.

Deuxième partie de deux:
Enregistrement et ouverture de votre page Web

  1. 1 Convertissez votre document en texte brut sur un Mac. Si vous utilisez un Mac, cliquez sur le bouton Format élément de menu en haut de l'écran, puis cliquez sur Faire du texte brut dans le menu déroulant résultant.
    • Cette étape n'est ni nécessaire ni possible sous Windows.
  2. 2 Ouvrez le menu "Enregistrer". Depuis que vous avez créé un nouveau document texte pour écrire votre page Web, vous pouvez appuyer sur Ctrl+S (Windows) ou ⌘ Commander+S (Mac) pour le faire.
    • Vous pouvez aussi cliquer sur Fichier puis cliquez sur Enregistrer sous dans le menu déroulant résultant. Cela fonctionne sur les ordinateurs Windows et Mac.
  3. 3 Entrez un nom pour votre document HTML. Tapez ce que vous voulez nommer votre document dans la zone de texte "Nom de fichier" (Windows) ou "Nom" (Mac).
  4. 4 Modifier le type de fichier du document. Vous devrez changer le document d'un fichier texte en fichier HTML:
    • les fenêtres - Cliquez sur la liste déroulante "Enregistrer en tant que type", cliquez sur Tous les fichiers, puis tapez .html à la fin du nom du fichier.
    • Mac - Remplace le .SMS à la fin du nom du fichier avec .html au lieu.
  5. 5 Cliquez sur sauvegarder. C'est au bas de la fenêtre. Cela créera un fichier HTML.
    • Les fichiers HTML sont généralement ouverts avec votre navigateur Web par défaut.
  6. 6 Fermez votre éditeur de texte. À ce stade, vous êtes prêt à ouvrir votre fichier HTML dans votre navigateur pour pouvoir afficher votre page Web.
  7. 7 Ouvrez le document HTML avec votre navigateur. Dans la plupart des cas, vous pourrez double-cliquer sur le document HTML pour le faire. Si un double-clic sur le document entraîne une erreur, procédez comme suit:
    • les fenêtres - Cliquez avec le bouton droit sur le document, sélectionnez Ouvrir avecet cliquez sur votre navigateur préféré.
    • Mac - Cliquez une fois sur le document, cliquez sur Fichier, sélectionnez Ouvrir avecet cliquez sur votre navigateur préféré.
  8. 8 Modifiez le document HTML si nécessaire. Vous pouvez remarquer une erreur dans votre page HTML. Pour le changer, vous pouvez modifier le texte du document HTML:
    • Sous Windows, vous pouvez cliquer avec le bouton droit sur le document et cliquer sur modifier dans le menu déroulant résultant (si vous avez installé Notepad ++, cela indiquera Modifier avec Notepad ++ au lieu).
    • Sur Mac, vous devrez cliquer sur le document pour le sélectionner, cliquer sur Fichier, sélectionnez Ouvrir avecet cliquez TextEdit. Vous pouvez également faire glisser le document dans TextEdit.

Exemple HTML

Feuille de triche HTML Exemple de page Web avec HTML