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.

5030 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
2 775 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
18 989 vues
Créer un profil PHP
Après avoir créé notre page de connexion et notre page d'inscription il est temps de créer un profil pour votre utilisateur !La page profil permettra plusieurs choses ! D'éditer ses informations...
Créer son site
3 538 vues
Mise en évidence du texte avec <em>, <strong>, <u> et <s>
Mise en évidence du texte avec <em>, <strong>, <u> et <s>Les balises <em>, <strong>, <u> et <s> sont utilisées pour mettre en évidence le texte dans...
HTML
375 vues
Fonctions anonymes et fonctions fléchées
Fonctions Anonymes et Fonctions Fléchées en JavaScript1. Fonctions Anonymes :Une fonction anonyme est une fonction définie sans nom. Elles sont souvent utilisées comme fonctions de rappel...
JS
3 028 vues
Personnaliser sa barre de menu
Nous allons maintenant apprendre à personnaliser notre barre de recherche à partir de l'exemple de celle de Bootstrap.Nous allons également ajouter 2 nouvelles pages PHP que nous nommerons...
Créer son site de rencontres
2 068 vues
Accepter ou refuser une demande d'amis
Nous allons enfin terminer notre système d'amis en permettant à l'utilisateur d'accepter ou de refuser une ou plusieurs demande grâce à une liste contenant toutes les demandes que l'utilisateur...
Créer son site de rencontres
2 151 vues
Comprendre la syntaxe pour insérer des données dans des colonnes spécifiques ou dans toutes les colonnes
1. Insertion de Données dans Toutes les Colonnes :Pour insérer des données dans toutes les colonnes d'une table, voici la syntaxe générale :INSERT INTO nom_de_la_table VALUES (valeur_colonne1,...
SQL
5 027 vues
Que mettre dans la balise head
Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.La balise <head> joue un rôle essentiel...
Créer son site
Publicité
Cette pub permet au site de vivre ...