Si vous souhaitez créer votre première page Web et que vous recherchez un guide qui vous aidera à créer votre première page HTML de base, vous avez atterri au bon endroit. Le tutoriel suivant servira de guide étape par étape pour fabriquer des pages HTML pour les débutants.

Qu'est-ce que HTML?

L'abréviation HTML du langage de balisage hypertexte est un langage de programmation Web utilisé pour afficher le contenu dans un navigateur Web. Il se compose d'une série d'éléments. Ces éléments sont utilisés pour afficher et structurer votre contenu texte, vos images et autres objets sur la page Web tels que des formulaires, des feuilles de calcul, des clips vidéo, des clips sonores et d'autres applications. Commençons par un exemple simple.

C'est un titre

C'est un paragraphe

L'anatomie de l'exemple ci-dessus est la suivante.

• est une déclaration d'un document HTML.
• Il est connu comme l'élément racine du HTML et il enferme tout le contenu.
• C'est un élément qui entoure le type de contenu caché à l'utilisateur…
• Comme son nom l'indique, cet élément spécifie le nom de votre page HTML.
• Cet élément sert de conteneur pour le contenu qui apparaît sur la page Web.

• Cet élément définit une rubrique.

• Cet élément spécifie un paragraphe.

Éléments HTML

Dans l'exemple ci-dessus, vous rencontrerez différents éléments HTML. Un élément HTML est classé par une balise de départ, une balise de fin et un contenu qui est placé entre ces balises. Par exemple, dans l'exemple ci-dessus '

C'est un titre

C'est un élément. Ici

est la balise de démarrage, «c'est un titre» est le contenu et

est la balise de clôture.

Une page HTML se compose d'éléments imbriqués. Dans l'exemple ci-dessus, il y a cinq éléments HTML qui sont , , ,

et

Tags HTML

Les balises HTML sont utilisées pour démarrer et terminer un élément HTML. Les tags commencent par moins de `` signe.
Par exemple:

N'oubliez pas de fermer une balise une fois qu'il est démarré. Pour ce faire, utilisez une barre oblique en plus des supports inclinés. Voici comment faire

.

Remarque importante: Ne mélangez jamais les éléments HTML avec des balises HTML. Ce sont tous deux des entités distinctes.

Attributs HTML

Les attributs de HTML sont utilisés pour ajouter des informations supplémentaires concernant un élément HTML. Ces informations supplémentaires sont ajoutées à la balise de démarrage.

Dans cet exemple, le SRC spécifie l'emplacement et le format de l'image et le alt L'attribut fournit une brève description de la balise IMG.

Heures HTML

Nous avons déjà discuté de l'élément de cap HTML au-dessus. Plongeons-nous dans ses détails. Ces titres sont définis par

pour

Les balises et 1 à 6 représentent la taille de l'en-tête.

La balise est utilisée pour spécifier le plus grand titre tandis que

La balise est utilisée pour définir le plus petit titre.

Par exemple:

Bienvenue dans ma première page HTML

Vous pouvez également fournir divers styles à votre rubrique. Par exemple,

C'est une rubrique

Paragraphes HTML

L'élément de paragraphe HTML est spécifié par le

C'est mon premier paragraphe. J'apprends les bases HTML. Je veux devenir un développeur Web un jour et créer des sites Web incroyables.

Vous devez maintenant penser qu'il doit y avoir un éditeur utilisé pour créer des pages HTML. Voici quelques exemples.

Éditeurs HTML

Ici, certains des éditeurs HTML populaires sont enrôlés.

Bloc-notes++

C'est l'un des éditeurs les plus courants que les programmeurs Web utilisent pour développer des pages HTML. Ci-dessous, nous présentons des avantages et des inconvénients du bloc-notes++.

Avantages

• C'est un éditeur HTML gratuit et open-source.
• Il est léger et rapide.
• Il a une interface sans distraction.
• Il est flexible et est livré avec des plug-ins pratiques.
• Il est pris en charge par tous les systèmes d'exploitation.

Les inconvénients

• Il est conçu uniquement pour les systèmes d'exploitation Windows.
• Il a des options limitées pour les tests de code.

Texte sublime

Sublime Text Editor ressemble à Notepad ++ mais est beaucoup plus avancé. Ci-dessous, nous avons mentionné certains avantages et inconvénients du texte sublime.

Avantages

• Il est disponible pour les systèmes d'exploitation Windows, Linux et Mac.
• Il a une interface colorée.
• C'est bon pour les débutants.
• L'éditeur fournit des suggestions basées sur le code existant, tandis que chaque suggestion a un lien qui contient plus d'informations à ce sujet.
• Il a également une fonctionnalité de rédaction divisée

Les inconvénients

• Les fonctionnalités complètes sont disponibles uniquement après l'achat du logiciel.
• Il ne peut pas imprimer des documents ou du code.

Code Visual Studio

Visual Studio Code aka vs Code est l'un des éditeurs de code open-source les plus tendance parmi les développeurs Web fournis par Microsoft. Il fournit un environnement de développement intégré (IDE). Voici quelques avantages et inconvénients du code Visual Studio.

Avantages:

• Il est compatible avec Windows, Mac et Linux.
• Il fournit une fonctionnalité d'achèvement automatique.
• L'interface est conviviale.
• Il fournit des outils de débogage intégrés.
• Les utilisateurs peuvent ajouter des extensions de langue.

Les inconvénients

• C'est un système logiciel lourd.
• C'est aussi un système de poids lourd qui prend beaucoup d'espace disque.

Conclusion

HTML est un langage de balisage standard qui est une exigence de base pour la création de pages Web. Ce tutoriel offre aux débutants un guide détaillé étape par étape concernant les bases de HTML. Il traite des éléments HTML, des balises, des attributs, des titres, des paragraphes ainsi que des exemples appropriés. De plus, ce tutoriel guide également le lecteur sur les différents éditeurs Web populaires et mentionne clairement leurs avantages et leurs inconvénients.