Télécharger cours HTML gratuit: Les bases du HTML

Facebook Tweet Pin Email

I – Introduction
I-A – Introduction au HTML
I-A-1 – Qu’est-ce que le HTML ?
I-A-2 – Qu’est-ce qu’une balise HTML ?
I-A-2-a – Les balises simples
I-A-2-b – Les balises doubles
I-A-2-c – Imbrication des balises
I-B – Structure d’un document HTML
I-C – Le DOCTYPE
I-D – Les commentaires
II – Le corps du document – body
II-A – Les niveaux de titres
II-B – Les paragraphes de texte
II-C – La mise en forme de texte
II-C-1 – Le texte en gras
II-C-2 – Le texte en italique
II-C-3 – Le texte souligné
II-C-4 – Le texte barré
II-C-5 – Le texte en exposant
II-C-6 – Le texte en indice
II-C-7 – Modifier la couleur du texte
II-C-8 – Modifier la police du texte
II-C-9 – Modifier la taille du texte
II-D – Les images et zones réactives
II-D-1 – Les images
II-D-2 – Les zones réactives.
II-D-2-a – Les zones rectangulaires
II-D-2-b – Les zones circulaires
II-D-2-c – Les zones polygonales
II-E – Les liens hypertextes
II-E-1 – Les liens externes
II-E-2 – Les liens internes
II-E-2-a – Les ancres
II-E-2-b – Les liens vers d’autres cadres
II-E-3 – Les liens e-mails
II-E-4 – Les protocoles
II-E-5 – Informations complémentaires
II-F – Les cadres.
II-F-1 – À quoi servent-ils ?
II-F-2 – Débuter avec les cadres
II-F-3 – Les cadres locaux
II-F-4 – Les cadres aujourd’hui
II-G – Les listes
II-G-1 – Les différents types de listes
II-G-1-a – Les listes non ordonnées.
II-G-1-a-i – Les différents types de puces
II-G-1-a-ii – Les puces en image
II-G-1-b – Les listes ordonnées
II-G-1-b-i – Les différents types de numérotation
II-G-1-b-ii – Modifier le début de la numérotation
II-G-1-c – Les listes de définitions
II-G-1-d – Les listes de répertoires
II-G-1-e – Les listes de menus
II-G-2 – Les listes imbriquées
II-G-3 – L’utilité des listes aujourd’hui
II-H – Les tableaux
II-H-1 – À quoi servent-ils ?
II-H-2 – Du tableau simple au tableau complexe
II-H-2-a – Les bases d’un tableau.
II-H-2-b – Le titre d’un tableau
II-H-2-c – La ligne d’en-tête d’un tableau
II-H-2-d – Les différentes parties d’un tableau
II-H-2-e – La fusion de lignes et de colonnes d’un tableau
II-H-3 – L’utilité des tableaux aujourd’hui
II-I – Les formulaires
II-I-1 – À quoi servent-ils ?
II-I-2 – La balise form
II-I-3 – Les champs texte monolignes
II-I-4 – Les champs texte multilignes
II-I-5 – Les champs cachés
II-I-6 – Les champs de fichiers
II-I-7 – Les boutons radio
II-I-8 – Les cases à cocher.
II-I-9 – Les boutons
II-I-9-a – Le bouton simple
II-I-9-b – Le bouton d’envoi
II-I-9-c – Le bouton image
II-I-9-d – Le bouton effacer
II-I-10 – Les listes
II-I-11 – Améliorez l’accessibilité de vos formulaires
III – L’entête du document – head
III-A – Le titre
III-B – Les scripts
III-B-1 – Les scripts externes
III-B-2 – Les scripts internes
III-C – Les styles
III-C-1 – Les styles externes
III-C-2 – Les styles internes
III-D – Les meta
III-D-1 – À quoi servent-elles ?
III-D-2 – La balise meta content-type
III-D-3 – Ajoutez des infos sur vous
III-D-4 – Ajoutez des infos sur votre site
III-D-5 – Ajoutez des infos sur la création.
III-D-6 – Orientez les robots
III-D-7 – Orientez les visiteurs
III-D-8 – Plus encore
IV – Aller plus loin
IV-A – Le XHTML
IV-B – Le CSS
IV-C – Le référencement
IV-D – Et encore plus

Introduction

Introduction au HTML

Qu’est-ce que le HTML ?
Le HTML (HyperText Markup Language) est un format de présentation de données permettant de créer des pages web pouvant être lues dans des navigateurs.
C’est un langage de description de données, et non un langage de programmation. Il est figé c’est-à-dire qu’une fois le document chargé dans le navigateur, il ne répond à aucune action de l’utilisateur sur le contenu de la page.
Ce langage est pourvu d’un système de balisage qui va permettre de structurer notre document.

Qu’est-ce qu’une balise HTML ?
Une balise HTML est un élément que l’on va ajouter au texte de départ pour dire au navigateur de quelle manière l’afficher. Elle n’est pas affichée telle quelle dans le navigateur, elle est interprétée par celui-ci.
Elle est toujours délimitée par les signes < et >.
Exemple de balise <html>
Une balise peut en plus comporter de zéro à plusieurs attributs. Les attributs sont des informations complémentaires qui la caractérisent. Ils se présentent sous la forme nomattribut= »valeur ». Attention à ne pas confondre un attribut
HTML et une propriété CSS !
Exemple de balise et son attribut
<html lang= »fr »>
Chaque balise ouverte doit être fermée, cependant il existe des exceptions.
On distingue deux types de balises :
• Les balises simples.
• Les balises doubles.

Les balises simples
Ce sont des balises qui sont dites « vides », c’est-à-dire qu’elles ne vont contenir aucune autre balise HTML. Ces
balises n’ont pas besoin d’être fermées.
Exemple de balise simple
<img src= »adresse/de/l/image »>
Si ces balises n’ont pas besoin d’être fermées en HTML, ça devient faux en XHTML.
Cf : Les balises vides en XHTML.

………