Vous êtes sur la page 1sur 2

HTML

I- LES BALISES

<!DOCTYPE html> --- pour indiquer que le langage utilisé est du HTML 5.

<!-- mon commentaire → pour ajouter des commentaires.

paragraphe <p>

header <h> de <h1> à <h6>

<br> saut de ligne

<em> italique et <strong> gras pour mettre en valeur certaines parties


<mark> fait ressortir une partie du texte, mais pas particulièrement importante

Les listes - <ul> sans ordre et <ol> ordonnées


Chaque élément balisés par <li>

Les images - <img src=> --- <img src="URI de l'image à insérer"> , que ce soit local ou sur un
serveur.

Les liens - <a href=> <a href="http://validator.w3.org/">Testez votre page en ligne</a>


<a href="page2.html</a>
<a href="dossiercontenant/page2.html</a>
<a href="../page2.html</a> ===> dossier parent
lien vers une ancre
<a href="#monancre"> aller vers l'ancre </a>
<a href="ancre.html#monancre"> aller vers l'ancre </a> nous amène vers une ancre
sur une autre page.

Les ancres – des repères dans une page id="monancre" à ajouter à n'importe quelle balise
ex : <h2 id="monancre"> titre du h2 </h2>

Les tableaux - <table> avec comme éléments le header <th>, les lignes <tr> et les colonnes <td>
<table border="1"> , border est l'attribut contour , plus ou moins épais

II- LES ATTRIBUTS

<tag attrN="valN">

par exemple pour un tableau, on peut fusionner les cellules ou les colonnes avec rowspan et
colspan
<td rowspan="2"> 2 >/td>. La valeur 2 de l'attribut indique donc le nombre de lignes ou colonnes à
fusionner.

III- LES FORMULAIRES

Défini par le tag <form>


Permet d'échanger des infos entre le client et le serveur. ==> ex : coordonnées d'un utilisateur

<form action="http://somesite.com/prog/adduser" method="get">


<p>
Nom: <input type="text" name="firstname"><br>
Prénom: <input type="text" name="lastname"><br>
Email: <input type="text" name="email"><br>

<input type="radio" name="sex" value="Male" >H


<input type="radio" name="sex" value="Female" >F
<br>
<br>

<input type="submit" value="send">


</p>
</form>

1 – action définit l’URLou l’action exécutée (méthode javascript) lors du « submit »


L'attribut action peut être soit une URL soit un appel à une fonction javascript :
« javascript:mafonction() »

• 2 – method définit la méthode d’envoi des données (get ou post)

• 3 – input sont les éléments du formulaire (dont le bouton d’envoi), on peut en cacher certains
(hidden).