Comment créer une page Web simple à l'aide de crochets pour les débutants : 14 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:06

introduction

Les instructions suivantes fournissent des instructions étape par étape pour créer une page Web à l'aide de Brackets. Brackets est un éditeur de code source axé principalement sur le développement Web. Créé par Adobe Systems, il s'agit d'un logiciel gratuit et open source sous licence MIT, et est actuellement maintenu sur GitHub par Adobe et d'autres développeurs open source. Il est écrit en JavaScript, HTML et CSS.

Instructions

Remarque: - Toutes les balises HTML doivent être entre parenthèses:

Étape 1: Téléchargez le logiciel

téléchargez Brackets depuis ce site Web

Étape 2: Ouvrir les crochets

ouvrez le logiciel Brackets téléchargé sur un ordinateur.

Étape 3: Créer un nouveau fichier

Après avoir ouvert Brackets, cliquez sur l'icône du fichier en haut à gauche de la fenêtre, puis cliquez sur nouveau, vous verrez un nouveau fichier "Sans titre".

Étape 4: Enregistrer sous… le fichier

Faites un clic droit sur ce fichier 'sans titre', cliquez sur Enregistrer sous, puis vous devriez l'enregistrer sur un lecteur

à ce stade, vous pouvez donner n'importe quel nom au fichier, assurez-vous simplement d'ajouter ".html" (point html) après le nom.

Étape 5: Commencez avec la balise DOCTYPE

Chaque page HTML doit commencer par la balise de structure suivante Elle indique au navigateur quelles « règles à suivre » lors du rendu d'une page HTML.

Étape 6: balise HTML

et - ces balises doivent commencer et terminer un document.

Étape 7: Étiquettes de tête et de corps

Entre les balises html, écrivez et, où il contient des éléments « en coulisses ». Aussi, écrivez et où il contient du texte, des images, de la vidéo, de l'audio, etc.

Étape 8: balise méta

Entre les balises, écrivez là où elles fournissent des informations telles que les termes des moteurs de recherche ou le codage des caractères.

Étape 9: Balise de titre

Entre les balises, sous, écrivez et. Ainsi, tout ce que vous écrivez entre les deux, vous le verrez en haut de la fenêtre du navigateur et cette balise est importante pour le moteur de recherche. Par exemple, je vais écrire "WRD 204"

Étape 10: Ajouter un paragraphe à l'aide de la balise P

Entre les deux, écrivez toutes les informations que vous souhaitez voir apparaître sur une page Web, comme une image, un son, une vidéo et un paragraphe par exemple, pour mon exemple, je vais écrire un paragraphe en utilisant ces balises pour le paragraphe:

et.

Étape 11: voir vos résultats

Pour voir vos résultats: faites d'abord un clic droit sur le fichier et cliquez sur « enregistrer » puis cliquez sur une icône « aperçu en direct » dans le coin supérieur droit.

Remarque: - chaque fois que vous apportez des modifications et que vous souhaitez voir le résultat, vous devez d'abord enregistrer le fichier, vous pouvez utiliser le raccourci "Ctrl + S"

Étape 12: modifier le formatage

Si vous souhaitez modifier la taille du format de texte, utilisez comme titre le plus grand ou est le plus petit. Dans mon exemple, je vais utiliser.

Étape 13: Balise de saut de ligne simple/double

Si vous souhaitez créer un saut de ligne simple/double entre les paragraphes, utilisez la balise

Étape 14: Conclusion

Toutes nos félicitations! vous pouvez maintenant commencer à créer votre propre page Web.

Si vous souhaitez en savoir plus sur les balises HTML, je vous recommande ce site