L'entête d'une page HTML
La première chose à faire est de créer un fichier texte avec l'extension .html (index.html par exemple). Ensuite on va insérer dans ce document la structure minimale d'une page web :
C'est l'endroit où seront insérées les données de la page.
Dans l'entête d'une page, on trouve le titre. Ce titre est repris dans l'onglet du navigateur et dans les résultats de recherche.
Dans la partie sont insérés les données de la page.
Il est possible de mettre des commentaires dans une page html. Pour cela il suffit de mettre une partie du document entre les balises . Par exemple :
et ce commentaire ne sera pas visible par les visiteurs du site web.
Comment créer la structure d'une page web HTML ?
Lorsque l'on crée une page web il faut penser à la structure de celle-ci. La structure d'une page web est dite DOM ou Document Object Model. Cela signifie que toutes les balises de la page HTML sont des objets du DOM. Ces balises sont appelées des noeuds, et ils peuvent être de deux types :
- noeud élément : ce sont les balises, exemple :
- noeud texte : ce sont les éléments qui ne sont pas dans une balise mais qui sont entre deux balises, exemple : balise
Et c'est grâce à ces deux types de noeuds que l'on va pouvoir parcourir le DOM et donc la page web et ainsi pouvoir faire des actions sur celle-ci.
On peut voir que le code commence par la balise DOCTYPE qui est indispensable pour ne pas avoir d'erreur.
Ensuite, la balise html est la balise principale qui englobe tout le code.
La balise head qui est la balise contenant les informations de la page.
La balise body qui est la balise contenant les informations de la page qui seront visibles sur le navigateur.
La balise h1 qui est un titre.
La balise p qui est un paragraphe.
Comment créer la structure d'une page web HTML ?
Le HTML est le langage de base pour créer la structure d'une page web. C'est le langage permettant d'écrire les paragraphes, les titres, les listes, les tableaux, ... C'est ce langage qui va définir la structure et les éléments de notre page web. On peut alors le comparer à un squelette. Il faut créer tout ce qui doit être présent à l'écran, mais sans mettre aucune apparence. C'est à partir de ce squelette que l'on va pouvoir créer le CSS, qui va lui permettre de donner l'apparence (bouton, texte, couleur du fond, police ...) à notre page.
Le HTML est un langage assez simple. On va créer des balises et à l'intérieur de ces balises on va écrire notre contenu. Les balises permettent de définir un élément. Par exemple, si on veut créer un titre, on va ouvrir la balise h1 et à l'intérieur on va écrire notre titre. Quand on veut fermer un élément on va fermer la balise en utilisant la même balise avec un / avant. Par exemple, pour fermer la balise h1, on va utiliser h1. On peut alors avoir h1 ... h1
Comment créer la structure d'une page web HTML ?
Pour créer la structure d'une page web, il faut au minimum le HTML.
Le HTML est un langage de balisage qui permet de structurer le contenu de la page.
Chaque élément de la page est identifié par une balise. Il existe deux types de balises :
- Balise d'ouverture : balise qui démarre un élément du contenu ( exemple :
)
- Balise de fermeture : balise qui ferme un élément du contenu ( exemple :
Les balises de fermeture sont précédées par un / .
Les balises peuvent avoir des attributs. Un attribut décrit un caractéristique d'un élément.
Les attributs sont toujours écrits dans la balise d'ouverture.
Le HTML est écrit entre les balises et . Le titre du document est écrit entre les balises.
Les balises ,