Apprendre HTML
Cours 1: Définition et Introduction
HTML est le langage de balisage (Tags) standard pour la création des
pages Web.
Avec HTML, vous pouvez créer votre propre site Web.
Le HTML est facile à apprendre – vous l’apprécierez !
Introduction au
HTML
Qu'est-ce que
HTML ?
•HTML signifie Hyper Text Markup Language
•HTML est le langage de balisage standard pour la création de pages Web
•HTML décrit la structure d'une page Web
•HTML se compose d'une série d'éléments
•Les éléments HTML indiquent au navigateur comment afficher le contenu
•Les éléments HTML étiquettent des éléments de contenu tels que « ceci est un titre », «
ceci est un paragraphe », « ceci est un lien », etc.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head> Voir VSC
Exemple:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Où écrire le code HTML:
Un simple éditeur de texte peut faire l’affaire: Notepad, bloc note, SublimText à titre
d’exemples ou encore VSC (visual studio code) et je conseille ce dérnier.
Exemple
expliqué:
•La <!DOCTYPE html>déclaration définit que ce document est un document
HTML5
<!DOCTYPE html>
•L' <html>élément est l'élément racine d'une page HTML <html>
<head>
•L' <head>élément contient des méta-informations sur la page HTML <title>Page Title</title>
</head>
•L' <title>élément spécifie un titre pour la page HTML (qui s'affiche dans <body>
la barre de titre du navigateur ou dans l'onglet de la page)
<h1>My First Heading</h1>
•L' <body>élément définit le corps du document et constitue un conteneur <p>My first paragraph.</p>
pour tous les contenus visibles, tels que les titres, les paragraphes, les
images, les hyperliens, les tableaux, les listes, etc. </body>
</html>
•L' <h1>élément définit un grand titre
•L' <p>élément définit un paragraphe
Qu'est-ce qu'un élément HTML ?
Un élément HTML est défini par une balise de début, du contenu et une balise de fin :
< tagname > Le contenu va ici... < /tagname >
L' élément HTML est tout, de la balise de début à la balise de fin :
< h1 > Mon premier titre < /h1 >
< p > Mon premier paragraphe. < /p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none
Remarque : Certains éléments HTML n'ont aucun contenu (comme
l'élément <br>).
Ces éléments sont appelés éléments vides. Ils n'ont pas de balise de fin !
