Comment créer une page Web simple à l'aide du bloc-notes?

Comment intégrer différentes pages Web sur ma page Web simple créée à l'aide du bloc-notes?

Ce guide vous apprend à créer une page Web simple et textuelle à l'aide de l' application Bloc-notes de votre ordinateur Windows. Vous utiliserez HTML comme langue de votre page Web.

Partie 1 sur 4: créer un document HTML

1

Démarrer ouvert. Cliquez sur le logo Windows dans le coin inférieur gauche de l'écran. Le menu Démarrer apparaîtra.
2

Recherchez le bloc-notes. Tapez notepad pour le faire. Vous devriez voir une liste de résultats correspondants apparaître en haut du menu Démarrer.
3

Cliquez sur Bloc-notes. C'est une icône de bloc-notes bleue en haut de la liste des résultats. Cela invite le Bloc-notes à s'ouvrir.
4

Cliquez sur Fichier. C'est dans le coin supérieur gauche de la fenêtre Bloc-notes. Cliquez dessus pour ouvrir un menu déroulant.
5

Cliquez sur Enregistrer sous.... C'est dans le menu déroulant. La fenêtre Enregistrer sous s'ouvre.
6

Cliquez sur la liste déroulante "Enregistrer sous le type". Cette option est près du bas de la fenêtre, et devrait avoir " Documents texte (*.txt)" écrit dessus. Cliquez dessus pour afficher un menu déroulant.
7

Cliquez sur Tous les fichiers. C'est dans le menu déroulant. Cela vous permettra d'enregistrer votre fichier en tant que document HTML.
8
Sélectionnez un emplacement de sauvegarde. Cliquez sur le nom du dossier dans lequel vous souhaitez enregistrer votre document sur le côté gauche de la fenêtre.
- Par exemple, pour enregistrer votre document sur le bureau, faites défiler vers le haut et cliquez sur Bureau dans la barre latérale gauche.
9
Entrez un nom et l'extension de fichier "html". Cliquez sur la zone de texte "Nom de fichier", puis tapez ce que vous voulez nommer votre fichier suivi de .html.
- Par exemple, pour nommer le fichier de votre page Web "bonjour", vous devez taper hello.html.
10
Cliquez sur Enregistrer. Cela transforme votre document Bloc-notes actuel en un document HTML. À ce stade, vous pouvez procéder à la configuration de la structure initiale de votre page Web.
- Si le Bloc-notes se ferme par inadvertance ou si vous devez revenir à votre document plus tard, vous pouvez cliquer avec le bouton droit sur le fichier HTML, puis cliquer sur Modifier dans le menu déroulant résultant.

Une fois mes données enregistrées dans le fichier Bloc-notes, comment puis-je afficher ma page Web dans un navigateur?

Partie 2 sur 4: Configuration de votre page Web

1
Ajoutez la balise de langue de votre page Web. La première balise que vous devrez ajouter au Bloc-notes indique au reste du document d'utiliser le HTML. Tapez ce qui suit dans le Bloc-notes:
```
<! DOCTYPE html> <html> 
```
2

Ajoutez les balises "head". Ces balises marquent le début et la fin du titre de la page, que vous créerez à l'étape suivante. Pour l'instant, tapez simplement <head> après la balise "<html>", appuyez ↵ Enterdeux fois pour laisser un espace et tapez </head>.
3
Ajoutez un titre de page à votre site Web. Le titre, qui est placé entre les balises "<title> </title>", va dans l'espace entre les balises "head". Ce titre dicte le nom du site Web tel qu'il apparaît dans l'onglet du navigateur. Pour saisir un en-tête pour nommer votre site Web "Mon site Web", par exemple, vous devez saisir ce qui suit:
```
<title> Mon site Web </title> 
```
4
Ajoutez les balises "body". Tout le code de votre page Web passera entre ces balises, qui devraient aller sous la balise "</title>":
```
<body> </body> 
```
5

Fermez la balise de langue HTML. La dernière balise à insérer dans votre document sera une balise HTML de fermeture indiquant la fin de la page. Tapez </html> sous la balise "</body>" pour fermer la balise HTML.
6
Passez en revue votre document HTML jusqu'à présent. À ce stade, votre document doit ressembler à ceci:
```
<! DOCTYPE html> <html> <head> <title> Mon site Web </title> </head> <body> </body> </html> 
```
7

Sauvegardez votre document. Appuyez sur Ctrl+ S pour le faire. Vous pouvez maintenant ajouter des éléments de page, tels que des paragraphes et des en-têtes, à votre document.

Cela garantira que le document HTML affiche la version la plus récente de votre page Web lorsque vous l'ouvrez.

Partie 3 sur 4: Ajout d'éléments de page Web

1

Sachez que tous les éléments de votre page Web vont entre les balises "body". Tout élément - qu'il s'agisse d'un titre ou d'un paragraphe - doit être écrit après la balise "<body>" et avant la balise "</body>".
2
Ajoutez l'en-tête principal de votre site Web. Tapez <h1></h1> entre les balises "body", puis tapez ce que vous voulez que l'en-tête principal de votre page Web soit entre les balises "<h1> </h1>". Par exemple, pour créer une page avec l'en-tête "Bienvenue", vous auriez les éléments suivants:
```
<h1> Bienvenue </h1> 
```
- Vous pouvez utiliser les balises "<h2> </h2>" à "<h6> </h6>" pour créer un texte d'en-tête plus petit.
3
Ajoutez du texte de paragraphe à la page. Tapez les balises de paragraphe, qui sont "<p> </p>", puis entrez ce que vous voulez utiliser comme paragraphe entre les balises. Votre résultat final devrait ressembler à ceci:
```
<p> Ceci est mon site Web. Votez pour moi pour le président de classe! </p> 
```
4
Forcer un saut de paragraphe. Si vous souhaitez ajouter des espaces supplémentaires entre les paragraphes ou l'en-tête, tapez <br> après la balise de fermeture de la ligne. Par exemple, pour créer un saut de ligne après un paragraphe, vous devriez vous retrouver avec quelque chose comme ceci:
```
<p> Ceci est mon site Web. Votez pour moi pour le président de classe! </p> <br> <p> J'aime aussi les pommes de terre. </p> 
```
- Vous pouvez ajouter une balise "<br>" supplémentaire après la première pour ajouter un autre saut de ligne, créant ainsi un espace entre votre premier paragraphe et votre deuxième.
5
Ajoutez une mise en forme à votre texte. Vous pouvez appliquer une mise en forme en gras, en italique et en soulignement (ainsi qu'en exposant et en indice) à n'importe quel mot, phrase ou bloc de texte tant qu'il se trouve entre les balises de paragraphe:
```
<b> Texte en gras </b> <i> Texte en italique </i> <u> Texte souligné </u> <sup> Texte en exposant </sup> <sub> Texte en indice </sub> 
```

6

Vérifiez l'apparence de votre page Web. Bien que les éléments de la page Web puissent varier, votre document doit ressembler à ceci:

<! DOCTYPE html> <html> <head> <title> Mon site Web </title> </head> <body> <h1> Bienvenue! </h1> <p> Ceci est mon site Web. J'espère que vous l'aimerez ici! </p> <p> <b> Voici un texte en gras pour mettre l'accent. </b> </p> <p> <i> Les italiques peuvent être effrayants. </i> </ p> </body> </html>

Ce guide vous apprend à créer une page Web simple et textuelle à l'aide de l'application Bloc-notes de votre ordinateur Windows.

Partie 4 sur 4: tester votre page Web

1

Sauvegardez votre document. Appuyez sur Ctrl+ S pour le faire. Cela garantira que le document HTML affiche la version la plus récente de votre page Web lorsque vous l'ouvrez.
2

Cliquez avec le bouton droit sur votre document HTML. Un menu déroulant apparaîtra.
3

Sélectionnez Ouvrir avec. C'est dans le menu déroulant. Cela ouvre un menu contextuel.
4

Sélectionnez votre navigateur Web préféré. Tous les navigateurs Web peuvent ouvrir des documents HTML, cliquez donc sur le navigateur Web que vous souhaitez utiliser dans le menu contextuel. Votre document HTML s'ouvrira dans le navigateur Web sélectionné.
5
Passez en revue votre page Web. Si le formatage vous convient, vous pouvez continuer et fermer le Bloc-notes.
- Si vous souhaitez continuer à modifier votre document HTML, retournez dans le Bloc-notes et apportez les modifications nécessaires, en veillant à enregistrer souvent vos modifications.

Conseils

Vous pouvez ajuster la couleur d'arrière-plan de la page Web ou changer la couleur de la police en utilisant CSS en conjonction avec votre document HTML.

Lisez aussi: Comment annuler le partage de compétences sur PC ou Mac?