Chaque jour, nous accédons à divers sites Web. Cependant, on se demande parfois s'il est difficile de créer son propre site web ? Dans cet article, vous serez guidé pour créer une simple page Web HTML avec le Bloc-notes.
Étape
Méthode 1 sur 1: Création de votre propre page Web

Étape 1. Ouvrez le Bloc-notes
Cet éditeur de texte est un programme intégré disponible sur chaque ordinateur Windows et se trouve dans le menu Démarrer. Une fois le Bloc-notes ouvert, cliquez sur Fichier > Enregistrer sous, puis sélectionnez Tous les fichiers dans la colonne Type de fichier. Enregistrez votre fichier créé au format HTML. Généralement, la page principale d'un site porte le nom de fichier « index.html », et contient des liens vers toutes les pages du site.

Étape 2. Comprendre le HTML
La marque (balise) en HTML (Hypertext Markup Language) est au format.
Ces marques servent à construire votre site Web. Pour terminer le code HTML, utilisez une balise de fin, telle que. La marque de fermeture est utile pour fermer diverses marques, telles que les marques de gras ou de paragraphe.

Étape 3. Démarrez votre page Web en insérant une balise en haut du fichier

Étape 4. Utilisez des balises pour saisir diverses informations
Les marques sont utiles pour définir le titre de la page, tandis que les balises (facultatives) sont utilisées pour saisir une explication du contenu de la page Web. Le signe sera alors lu par les moteurs de recherche, comme Google.

Étape 5. Après avoir entré la balise, intitulez la page avec la balise, par exemple wikiHow HTML

Étape 6. Terminez l'en-tête du site en utilisant le signe

Étape 7. Utilisez des balises pour saisir le contenu de la page
Gardez à l'esprit que toutes les couleurs ne sont pas prises en charge par les navigateurs. Par exemple, le gris foncé peut ne pas être pris en charge.

Étape 8. Écrivez le contenu de la page Web entre le
Par exemple, commencez par créer un en-tête de site. L'en-tête du site est la partie du site en gros caractères, et est marqué d'un signe
jusqu'à
. Signe
vous pouvez utiliser pour créer un en-tête de site avec la plus grande taille de police. Essayez d'utiliser le signe juste en dessous du signe, comme
Bienvenue sur mon site
. Assurez-vous de fermer le signe
à la fin de la phrase.

Étape 9. Créez un paragraphe sur la page avec la marque
Par exemple, écrivez
Test de paragraphe !
Pour créer une nouvelle ligne, utilisez le signe, ou des pauses.

Étape 10. Vous ne voulez certainement pas que la page Web que vous créez ne contienne que du texte brut
Utilisez les indicateurs suivants pour formater le texte sur les pages Web: mettre du texte en gras, mettre le texte en italique et le souligner. Après avoir utilisé le signe ci-dessus, n'oubliez pas de le fermer !

Étape 11. Ajouter une image avec un signe

pour embellir le site et ajouter des informations qui ne peuvent être expliquées sous forme de texte.
Signe

nécessite certaines informations pour fonctionner. La syntaxe complète du signe
peut avoir la forme suivante:.
Le paramètre src dans le signe sert à écrire le nom du fichier image, et la fonction largeur et hauteur pour décrire la longueur et la largeur.
Étape 12. Créez un lien qui mène à une autre page avec un, par exemple Une autre page
Le texte au milieu de la marque est le texte qui apparaîtra sur la page, tandis que le paramètre href contient la page de destination. Avec des liens, les visiteurs peuvent accéder facilement à différentes pages de votre site.
Étape 13. Lorsque vous avez terminé de remplir le site, terminez la page en fermant le fichier
Enfin, fermez le code HTML avec

Étape 14. Enregistrez votre page Web créée avec l'extension.html et ouvrez-la dans votre navigateur préféré pour la tester

Étape 15. Lisez le guide suivant pour télécharger votre site sur Internet
Des astuces
- Sur Internet, il existe différents sites qui contiennent des guides pour créer un site Web. W3school est un site avec du bon matériel.
- Assurez-vous de fermer chaque balise dans le fichier HTML.
- Mettez une marque dans la première ligne du fichier, avant le. Ce drapeau indique que le fichier que vous créez est un fichier HTML5.
- Changez la police avec les marques avant et après. Remplacez "N" par la police de caractères souhaitée, par exemple "Verdana".
- Si vous devez utiliser des crochets angulaires, utilisez le code. Pendant ce temps, pour utiliser le signe &, utilisez le code &.
- Selon les didacticiels HTML, vous devez toujours nommer les fichiers et dossiers Web en minuscules, sans espaces ni ponctuation. Alors que Windows vous permet de mettre des espaces dans les noms de fichiers, de nombreux fournisseurs d'hébergement ne le font pas. De plus, un nom de fichier soigné vous facilitera la gestion de votre site.