HTML, qui signifie Hyper Text Markup Language, est le langage de balisage standard pour la création de pages Web et d'applications. C’est l’un des principaux outils que tout développeur front-end doit maîtriser. Ce module de notre cours e-book présentera la structure de base du HTML, ses balises et ses attributs.
Structure de base du HTML
Un document HTML est constitué d'une série d'éléments, chacun représenté par une balise. La structure de base d'un document HTML ressemble à ceci :
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
≪/head>
<body>
Le contenu de la page va ici.
</body>
</html>
Le <!DOCTYPE html> au début du document se trouve une déclaration qui indique au navigateur qu'il s'agit d'un document HTML5. L'icône <html> implique l’intégralité du contenu de la page. Au sein de cette balise, nous avons deux autres balises importantes : <head> et <body>.
La <head> contient des informations sur la page qui ne sont pas visibles par l'utilisateur, telles que le titre de la page (qui apparaît dans la barre de titre du navigateur) et des liens vers des fichiers CSS et JavaScript externes. Le <body> contient tout le contenu que l'utilisateur voit, tel que du texte, des images, des liens, etc.
Balises HTML
Les balises HTML constituent la base de toute page Web. Ils définissent la structure et la mise en page de la page et peuvent être utilisés pour ajouter du texte, des images, des liens et d'autres éléments. Voici quelques-unes des balises les plus courantes :
Attributs HTML
Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur un élément. Ils sont toujours spécifiés au début de la balise et ont la structure suivante : nom_attribut="valeur_attribut". Voici quelques-uns des attributs les plus courants :
En bref, HTML est l'épine dorsale de toute page Web. Maîtriser la structure de base du HTML, ses balises et ses attributs est essentiel pour tout développeur front-end. Dans le prochain module de notre cours en ligne, nous explorerons CSS, le langage utilisé pour styliser les pages HTML et créer des mises en page attrayantes et réactives.
Cookies and similar technologies are used on our sites to personalize content and ads. You can find further details and change your personal settings below. By clicking OK, or by clicking any content on our sites, you agree to the use of these cookies and similar technologies.
When you visit any of our websites, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and manage your preferences. Please note, that blocking some types of cookies may impact your experience of the site and the services we are able to offer.