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.

5537 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
611 vues
Médias queries : rendre les pages Web réactives en fonction de la taille de l'écran
Media Queries : Rendre les Pages Web Réactives en Fonction de la Taille de l'ÉcranLes Media Queries sont une fonctionnalité de CSS qui permettent d'appliquer des styles en fonction des...
CSS
683 vues
Déclaration de fonctions
Les fonctions en PHP sont des blocs de code réutilisables qui effectuent une tâche spécifique. Elles permettent d'organiser le code en le divisant en tâches plus petites et plus gérables. Voici...
PHP
603 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
3 682 vues
Configuration de PhpMyAdmin pour se connecter à votre serveur de base de données
1. Accéder au Fichier de Configuration :Après avoir téléchargé et installé PhpMyAdmin sur votre serveur, accédez au répertoire où PhpMyAdmin est installé.Cherchez le fichier de...
SQL
3 968 vues
Explorer les avantages de la séparation des préoccupations
Explorer les avantages de la séparation des préoccupationsLa séparation des préoccupations est un principe de conception qui consiste à diviser un système en différentes parties qui se...
CSS
4 607 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
895 vues
Utilisation de <tr> pour les lignes, <th> pour les en-têtes et <td> pour les cellules
Utilisation de <tr> pour les lignes, <th> pour les en-têtes et <td> pour les cellulesDans un tableau HTML, la balise <tr> est utilisée pour définir chaque ligne du tableau,...
HTML
4 465 vues
Afficher un topic
Afficher un topic de notre forumDans notre dossier f_forum, nous allons créer une nouvelle page topic.php. Cette page affichera le topique créé par un de vos utilisateur.Nous allons...
Créer son site
Publicité
Cette pub permet au site de vivre ...