Écrire du HTML à l’aide du Bloc-notes ou de TextEdit
Les pages Web peuvent être créées et modifiées à l’aide d’éditeurs HTML professionnels.
Cependant, pour apprendre le HTML, nous recommandons un éditeur de texte simple comme le Bloc-notes (PC) ou TextEdit (Mac).
Nous pensons que l’utilisation d’un simple éditeur de texte est un bon moyen d’apprendre le HTML.
Suivez les étapes ci-dessous pour créer votre première page Web avec le Bloc-notes ou TextEdit. HTML editors.
Étape 1: Ouvrez le bloc-notes (PC)
Windows 8 ou version ultérieure:
Ouvrez l’écran de démarrage (le symbole de la fenêtre en bas à gauche de votre écran).
Tapez Bloc-notes. Ouvrez Démarrer> Programmes> Accessoires> Bloc-notes
Étape 1: Ouvrez TextEdit (Mac)
Ouvrez le Finder> Applications> TextEdit
Modifiez également certaines préférences pour que l’application enregistre correctement les fichiers.
Dans Préférences> Format> choisissez « Texte brut »
Ensuite, sous « Ouvrir et enregistrer », cochez la case qui indique « Afficher les fichiers HTML sous forme de code HTML au lieu de texte formaté ».
Ouvrez ensuite un nouveau document pour placer le « code.Text ».
Étape 2: écrire du HTML
Écrivez ou copiez du HTML dans le Bloc-notes.
<!DOCTYPE html>
<html>
<body>
<h1>Mon premier titre</h1>
<p>Mon premier paragraphe.</p>
</body>
</html>
Étape 3: enregistrer la page HTML
Enregistrez le fichier sur votre ordinateur.
Sélectionnez Fichier> Enregistrer sous dans le menu Bloc-notes.
Nommez le fichier « index.htm » et définissez l’encodage sur UTF-8 (qui est l’encodage préféré pour les fichiers HTML).
Vous pouvez utiliser soit .htm soit .html comme extension de fichier. Il n’y a pas de différence.
Étape 4: afficher la page HTML dans votre navigateur
Ouvrez le fichier HTML enregistré dans votre navigateur préféré (double-cliquez sur le fichier ou faites un clic droit – et choisissez « Ouvrir avec »).
Le résultat ressemblera beaucoup à ceci:
Éditeur en ligne de W3Schools
Avec notre éditeur en ligne gratuit, vous pouvez modifier le code HTML et afficher le résultat dans votre navigateur.
C’est l’outil parfait lorsque vous souhaitez tester rapidement du code. Il a également un code couleur et la possibilité d’enregistrer et de partager du code avec d’autres:
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>Ceci est un titre.</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>
Cliquez sur le bouton « Essayez-le vous-même » pour voir comment cela fonctionne.