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.

5776 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
734 vues
Les promesses
Les Promesses en JavaScriptLes promesses sont un mécanisme de gestion asynchrone en JavaScript qui permet de gérer plus facilement les opérations asynchrones et d'éviter le "callback hell". Les...
JS
3 014 vues
Comprendre les concepts de base
Comprendre les Concepts de BaseLorsqu'on commence à explorer MySQL, il est essentiel de comprendre les concepts de base qui constituent les fondations de ce système de gestion de base de données...
SQL
18 408 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
2 602 vues
Ajouter un avatar
Nous allons maintenant ajouter des avatars à nos profils et afficher ses avatars lors de l’affichage des membres 😁
Créer son site de rencontres
2 437 vues
Afficher et envoyer les messages
Dans cette nouvelle vidéo nous allons afficher les messages entre vous et un autre utilisateur.Nous allons également créer un formulaire afin d'envoyer de nouveaux messages à l'utilisateur avec...
Créer son site de rencontres
4 713 vues
Variables : Déclarer et utiliser des variables pour stocker des valeurs réutilisables
Variables en SASS : Déclarer et Utiliser1. Déclaration de variables :En SASS, les variables commencent par le symbole $ suivi du nom de la variable et de sa valeur. Par exemple :$primary-color:...
Sass
787 vues
Vue d'ensemble de frameworks populaires comme React, Angular, et Vue.js
Vue d'ensemble des Frameworks Populaires : React, Angular et Vue.jsLes frameworks JavaScript tels que React, Angular et Vue.js sont largement utilisés pour le développement d'applications web...
JS
1 329 vues
Tableaux indexés
Les tableaux indexés en PHP sont des structures de données qui permettent de stocker plusieurs valeurs dans une seule variable. Chaque valeur est associée à un indice numérique, à partir de...
PHP
Publicité
Cette pub permet au site de vivre ...