Html

 

                                HTML5   

(HyperText Markup Language)

 

 

HTML est un langage informatique utilisé sur Internet. Cette langue est utilisée pour créer des pages Web. L'acronyme signifie HyperText Markup Language, qui signifie en français «langage de balisage hypertexte». Cette signification porte bien son nom puisqu'en effet ce langage permet de produire un hypertexte basé sur une structure de balisage.

Ce n'est pas à proprement parler un langage de programmation, mais plutôt un langage qui vous permet de formater du contenu. Les balises permettent de formater le texte et de placer des éléments interactifs, tels que des liens, des images ou même des animations. Ces éléments ne sont pas dans le code source d'une page codée en HTML mais "à côté" et la page en HTML ne fait que répéter ces éléments. Pour afficher une page en HTML, il est nécessaire d'utiliser un navigateur Web.

La plupart du temps, d'autres langages informatiques sont associés à une page encodée en HTML. Par exemple CSS, qui vous permet de formater le contenu d'une page encodée en HTML. Il existe également des langages informatiques qui dépendent entièrement du HTML, comme JavaScript (on va le voir prochainement).

 

Les balises

 

Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le « code minimal » d'une page web.

Balise	Description
<html>	Balise principale
<head>	En-tête de la page
<body>	Corps de la page

 

 

 

 

Balises d’entête

 

Balise	Description
<link/>	Liaison avec une feuille de style
<meta/>	Métadonnées de la page web (charset, mots-clés, etc.)
<script/>	Code javascript
<style/>	Code CSS
<title/>	Titre de lapage

 

Balises de listes

 

Balise	Description
<ul>	Liste à puces,non numérotée
<ol>	Liste numérotée
<li>	Elément de la liste à puces
<dl>	Liste de définitions
<dt>	Terme à définir
<dd>	Définition de terme

 

Balises de tableau

 

Balise	Description
<table>	Tableau
<caption>	Titre du tableau
<tr>	Ligne de tableau
<th>	Cellule d’en-tête
<td>	Cellule
<thead>	Section de l’en-tête du tableau
<tbody>	Section du corps du tableau
<tfoot>	Section du pied du tableau

 

Balises de formulaire

 

Balise	Description
<form>	Formulaire
<fieldset>	Groupe de champs
<legend>	Titre d’un groupe de champs
<label>	Libellé d’un champ
<input/>	Champ de formulaire
<textarea>	Zone de saisie multi-ligne
<select>	Liste déroulante
<option>	Elément d’une liste déroulante
<optgroupe>	Groupes d’éléments d’une liste déroulante

 

 

 

 

 

 

 

 

 

 

Balises sectionnantes

 

Ces balises permettent de construire le squelette de notre site web.

Balise	Description
<header>	En-tête
<nav>	Liens principaux de navigation
<footer>	Pied de page
<section>	Section de page
<article>	Article
<aside>	Informations complementaires

 

Balises génériques

 

Les balises génériques sont des balises qui n'ont pas de sens sémantique.

En effet, toutes les autres balises HTML ont un sens : <p> signifie «paragraphe», <h2> signifie «sous-titre». Parfois, on a besoin d'utiliser des balises génériques (aussi appelées balises universelles) car aucune des autres balises ne convient. On utilise le plus souvent des balises génériques pour construire son design.

Balise	Description
<span>	Balise générique de type inline
<div>	Balise générique de type block

 

Ces balises ont un intérêt si vous leur associez un attribut class, id ou style

Class : Indiquer le nom de la classe css à utiliser.

Id : donne un nom à la balise. Ce nom doit être unique sur toute la page car il permet d'identifier la balise. Vous pouvez vous servir de l'ID pour de nombreuses choses, par exemple pour créer un lien vers une ancre, pour un style CSS de type ID, pour des manipulations en JavaScript, etc.

Style : cet attribut vous permet d'indiquer directement le code CSS à appliquer. Vous n'êtes donc pas obligé d'avoir une feuille de style à part, vous pouvez mettre directement les attributs CSS. Notez qu'il est préférable de ne pas utiliser cet attribut et de passer à la place par une feuille de style externe, car cela rend votre site plus facile à mettre à jour par la suite.

NB : Ces trois attributs ne sont pas réservés aux balises génériques : vous pouvez aussi les utiliser sans aucun problème dans la plupart des autres balises.

Aussi la différence entre html et html5 c’est que il y a des balises dans html5 qui qui n’existe pas dans html (nav,header…).