HTML

Structure de base d'une page HTML

Cours sur la Structure de Base d'une Page HTML


La structure de base d'une page HTML est essentielle pour créer des sites Web. Comprendre cette structure vous permettra de démarrer efficacement dans la création de pages Web.


1. Déclaration du type de document :


Toute page HTML commence par une déclaration du type de document, qui indique au navigateur le type de document HTML utilisé. Cette déclaration ressemble à ceci :


<!DOCTYPE html>


2. Élément <html> :


Ensuite, vous avez la balise <html>, qui enveloppe tout le contenu de votre page Web. Cette balise définit le début et la fin du document HTML. Voici à quoi cela ressemble :


<!DOCTYPE html> 
<html> 
  <!-- Votre contenu HTML va ici --> 
</html>


3. Les éléments <head> et <body> :


À l'intérieur de la balise <html>, vous avez deux sections principales : <head> et <body>.


  • La balise <head> contient des métadonnées sur le document, telles que le titre de la page, les liens vers les feuilles de style CSS, les scripts JavaScript, etc. Voici un exemple :


<head> 
  <title>Titre de la Page</title>
  <!-- Autres métadonnées vont ici --> 
</head>


  • La balise <body> contient tout le contenu visible de la page Web, y compris le texte, les images, les liens, les vidéos, les formulaires, etc. Voici comment cela fonctionne :


<body>
  <h1>Titre Principal</h1>
  <p>Ceci est un paragraphe de texte.</p>
  <!-- Autres éléments vont ici -->
</body>


4. Les commentaires HTML :


Vous pouvez également ajouter des commentaires dans votre code HTML pour expliquer ce que fait chaque partie de votre code. Les commentaires ne seront pas affichés dans la page Web, ils sont uniquement destinés aux développeurs.


<!-- Ceci est un commentaire HTML -->


Conclusion :


En résumé, la structure de base d'une page HTML comprend la déclaration du type de document, la balise <html> qui enveloppe tout le contenu, les sections <head> et <body> pour les métadonnées et le contenu visible, respectivement. En comprenant cette structure, vous serez en mesure de créer des pages Web bien organisées et efficaces.

5229 vues
Modifié le 19 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
4 304 vues
Notre base de données
Avant de commencer notre cours pour créer notre système d'amis, nous allons commencer par créer notre table de relation.Pour cela nous avons besoin d'un demandeur et d'un receveur.Le demandeur est...
Créer son site
936 vues
Comprendre les concepts de marge, bordure, rembourrage et largeur/hauteur
Dans CSS, la mise en page des éléments est souvent influencée par quatre concepts clés : la marge, la bordure, le rembourrage et la largeur/hauteur. Comprendre ces concepts est essentiel pour...
CSS
4 850 vues
Afficher la liste des articles
Mise en pagePour commencer nous allons créer la page maître de notre blog. C'est cette page qui contiendra tous les articles qui constituerons notre blog.Tout d'abord nous allons créer...
Créer son site
5 623 vues
Créer son blog
Développer son Blog de A à ZAprès avoir terminer les articles pour développer votre Forum de A à Z maintenant nous allons nous attaquer à la création d'un blog complet !Pour...
Créer son site
2 817 vues
Différences entre SASS et CSS
Différences entre SASS et CSS1. Syntaxe :CSS : Utilise une syntaxe simple basée sur des sélecteurs et des propriétés.SASS : Propose une syntaxe étendue avec des fonctionnalités telles que les...
Sass
583 vues
Importer des fichiers SASS dans d'autres fichiers
Importer des fichiers SASS dans d'autres fichiers1. Structure de base :Assurez-vous que votre projet SASS est organisé de manière à ce que les fichiers que vous souhaitez importer et les fichiers...
Sass
504 vues
Tableaux : création, accès aux éléments, méthodes
Tableaux en JavaScript1. Création de Tableaux :Un tableau en JavaScript est une structure de données permettant de stocker plusieurs valeurs dans une seule variable. Vous pouvez créer un tableau...
JS
4 422 vues
Créer un commentaire
Poster un commentaireDans notre dossier f_forum, nous allons reprendre la page topic.php. Dans cette page nous allons ajouter la possibilité à vos utilisateurs de pouvoir poster des commentaires...
Créer son site
Publicité
Cette pub permet au site de vivre ...