L’HTML est un langage informatique utilisé sur l’internet. Ce langage est utilisé pour créer des pages web. L’acronyme signifie HyperText Markup Langage, en français « langage de balisage d’hypertexte ».

HTML est le langage de balisage standard pour les pages Web. Avec HTML, vous pouvez créer votre propre site Web. Le HTML est facile à apprendre- vous l’apprécierez! Commencez à apprenez html maintenant.

Un élément HTML est défini par une balise de début, du contenu et une balise de fin. La déclaration <!DOCTYPE> définit que ce document est un document HTML5

L’élément <html>  est l’élément racine d’une page HTML
L’élément <head> contient des méta-informations sur la page HTML

<h1>My First Heading</h1>
<p>My first paragraph.</p>
Les attributs permettent d’apporter certaines précisions à des éléments. On place les attributs dans la balise de début de l’élément concerné. La syntaxe est simple : nom_de_l’attribut=”valeur de l’attribut”. Dans l’exemple suivant, on place une image (élément IMG). Deux attributs permettent l’un de déterminer le nom du fichier contenant l’image et l’autre de placer une brève description de cette image.
Remarque 1 : l’élément IMG n’a pas besoin de balise de fin.
Remarque 2 : l’attribut alt de l’élément IMG est indispensable pour construire des pages accessibles. Il a d’ailleurs été rendu obligatoire par la norme HTML 4.0
 <IMG src="image.png" alt="une image">

Les paragraphes HTML sont définis avec la balise <p>. Cet élément se définit en plaçant simplement une balise <P> au début du paragraphe. La balise de fin peut être omise.

<p>mon paragraphe un.
<p>mon paragraphe deux </p>

 Les liens hypertextes sont définis à l’aide de l’élément <a>. Le texte de cet élément constitue la zone sur laquelle cliquer pour exécuter un lien. L’adresse de destination peut être une URL ou bien un nom de fichier situé sur le même serveur. Dans ces deux cas on parle de lien externe. Mais un lien peut aussi diriger vers un marqueur, ou une étiquette, situé dans la même page. Il s’agit alors d’un lien interne.

 <a href="adresse de destination"> Nom du lien </a>

Les listes nous permettent d’apporter la clarté et de l’ordre à nos pages, mais également utiles à la création des menus de navigations. Il existe 3 types de listes :

Les listes non numérotées (élément ul )
La liste précédente est de type UL. Pour indiquer chaque nouvel item de la liste, on utilise l’élément <li>

<ul>
   <li> liste 1 non numérotée </li>
   <li> liste 2 non numérotée </li>
</ul>

les listes numérotées (élément ol) :
 Les listes numérotées s’utilisent comme les précédentes. L’élément <li> permet de spécifier chaque nouvel item. 

<ol>
   <li> liste 1 numérotée </li>
   <li> liste 2 numérotée </li>
</ol>

les listes descriptives (élément DL)

Les listes descriptives permettent de définir une présentation de type “lexique”. Chaque item est composé d’un terme (élément DT) et d’une description (élément DD).

<dl>
   <dt> liste 1 non numérotée </dt>
   <dt> liste 2 non numérotée </dt>
</dl>

Le menu représente un groupe de liens que l’utilisateur peut utiliser pour naviguer dans un site. On utilise la <nav> suivit de la balise <ul>. La structure du code HTML est très simple. Il s’agit d’une liste non ordonnée, où chaque lien est associé à un élément.

<nav>
  <ul> 
    <li><a href="#">Accueil</a></li>
 <li><a href="#">A propos</a></li>
 <li><a href="#">Contact</a></li>  </ul>
</nav>

L’élément HTML <button> est utilisé afin de créer un contrôle interactif ayant la forme d’un bouton et qui pourra être utilisé dans un formulaire ou dans le document. Par défaut, les boutons HTML sont mis en forme avec les styles natifs provenant du système d’exploitation mais leur apparence peut être adaptée grâce à CSS.

<button type="button">Envoyer</button>

Un tableau est un ensemble de structure de données (tableau de données) représentées en lignes et en colonnes. Un tableau est décrit par différents éléments :

  • L’élément
     correspond au tableau lui-même
  • L’élémentcorrespond à l’entête du tableau
  • L’élément
    est utilisé pour définir chacune des lignes du tableau
  • L’élément
    est utilisé pour chaque cellule 

        
                      

Entête AEntête B
contenu Acontenu B
 

Les formulaires HTML sont  des vecteurs principaux d’interaction entre un utilisateur et un site web ou une application. Ils permettent à l’utilisateur d’envoyer des données au site web. La plupart du temps, ces données sont envoyées à des serveurs web mais la page peut aussi les intercepter et les utiliser elle-même. La définition des différents éléments du formulaire se fait en utilisant l’élément <form>. L’action à réaliser pour traiter le formulaire doit être précisée en utilisant les deux attributs suivants :

  1. L’attribut ACTION
    Il indique l’action à exécuter lorsque lors de l’envoi des données. Ce sera souvent un logiciel du serveur activé en utilisant la passerelle CGI. On peu aussi utiliser un script JavaScript
  2. L’attribut METHOD
    Il permet de définir la méthode de transfert des données vers le serveur. Les deux valeurs possibles sont GET et POST.
<form action="/ma-page-de-traitement" method="post">
    <div>
        <label for="name">Nom :</label>
        <input type="text" id="name" name="user_name">
    </div>
    <div>
        <label for="mail">e-mail :</label>
        <input type="email" id="mail" name="user_mail">
    </div>
    <div>
        <label for="msg">Message :</label>
        <textarea id="msg" name="user_message"></textarea>
    </div>
</form>
juin 2026
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
2930 

Articles récents

Archives

Défilement vers le haut