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.

5124 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
5 066 vues
Comprendre ce qu'est SASS et pourquoi il est utilisé
Qu'est-ce que SASS ?SASS, qui signifie Syntactically Awesome Style Sheets, est un préprocesseur CSS. Cela signifie qu'il s'agit d'un outil qui permet d'écrire du code CSS de manière plus efficace...
Sass
517 vues
Utilisation de l'élément <li> pour les éléments de liste
Utilisation de l'élément <li> pour les éléments de listeL'élément <li> est utilisé pour définir chaque élément individuel d'une liste, qu'elle soit ordonnée <ol> ou non...
HTML
679 vues
Utilisation de styles en ligne avec l'attribut style
Utilisation de styles en ligne avec l'attribut styleL'attribut style permet de définir des styles CSS directement à l'intérieur des balises HTML. Cela permet d'appliquer des styles spécifiques à...
HTML
642 vues
Variables et types de données
Variables et Types de Données en JavaScript1. Variables :Une variable en JavaScript est un conteneur pour stocker des données. Vous pouvez utiliser des variables pour stocker différentes valeurs...
JS
1 909 vues
Mixins : Créer des mixins pour réutiliser des blocs de styles
Mixins en SASS : Créer et Utiliser1. Déclaration de mixins :En SASS, les mixins sont déclarés à l'aide du mot-clé @mixin, suivi du nom du mixin et des paramètres entre parenthèses. Les styles...
Sass
2 883 vues
Base de données de notre messagerie interne
Nous allons maintenant développer un élément-clé de notre site de rencontres. Nous allons concevoir une messagerie interne entre 2 utilisateurs.Avant de commencer je vous invite à prendre la...
Créer son site de rencontres
17 168 vues
Première page (index.php)
Pour commencer à développer notre site nous avons besoin de créer une nouvelle page que l'on appellera index.php. Cette page fera office de page d'accueil car lorsque vous allez...
Créer son site
1 007 vues
Propriétés CSS : comprendre les différentes propriétés et leurs valeurs
Propriétés CSS : Comprendre les différentes propriétés et leurs valeursLes propriétés CSS sont des instructions qui contrôlent l'apparence et le comportement des éléments HTML sur une page...
CSS
Publicité
Cette pub permet au site de vivre ...