| Le Doctype | <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >Ou bien <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ou bien <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| Balise codage | <meta http-equiv="content-type" content="text/html; charset=utf8" /> |
| Lier une feuille de style css | <link rel="stylesheet" type="text/css" href="style.css" /> |
| Icône dans la barre d'adresse | <link rel="shorcut icon" type="images/x-icon" href="/icone.icon" /> |
| Balise meta | <meta name="keywords" content="réseau, système, xhtml" /><meta name="description" content="ceci est un site sur le rézo" /> <meta name="robot" content="index" /> <meta name="robot" content="noindex" /> |
| page | <html><head> <title> le titre affiché dans la barre </title> </head> <body> le texte </body> </html> |
| Commentaire | <!-- le commentaire possibilité d'écrire plusieurs lignes --> |
| Titre | <h1> texte </h1> |
| Paragraphe | <p> le paragraphe </p> |
| Bloc | <div> le bloc </div> |
| Ligne | <span> la ligne </span> |
| Gras | <strong> texte </strong> ou bien <b> texte </b> |
| Italique | <em> texte </em> |
| Liste avec puces | <ul><li> ligne </li> <li> ligne </li> <li> ligne </li> </ul> |
| Liste avec numéros | <ol><li> lignes </li> <li> lignes </li> <li> lignes </li> </ol> |
| Liste de définition | <dl><dt> le mot </dt> <dd> la définition </dd> <dt> le mot </dt> <dd> la définition </dd> </dl> |
| Saut de ligne | <br /> |
| Espace |   |
| Entoure le bloc d'un liseré | <fieldset> le texte </fieldset> |
| texte barré | <del> le texte </del> |
| texte souligné | <ins> le texte </ins> |
| taille du texte en rapport avec ce qui précède | <small> texte </small><big> texte </big> |
| Exposant | <sup> exposant </sup> |
| Indice | <sub> indice </sub> |
| Citation (mise en retrait du texte) | <blockquote> le texte </blockquote> |
| Afficher en style code source | <code> le texte </code> |
| Liens hypertexte | <a href="http://blog.com" title="info bulle"> voici le lien </a> |
| Lien vers un endroit de la page | <a href="#lendroit" title="info bulle"> cliquer pour aller au paragraphe suivant </a> Puis on descend <h3 id="lendroit"> par exemple paragraphe suivant </h3> |
| Lien adresse mail | <a href="mailto:blogatgmail.com" title="info bulle"> mon adresse mail</a> |
| Evènement sur un lien | <p><a id="lien" href="http://over-blog.com" onmouseover="getElementById('lien').style.color='red'" onmouseout="getElementById('lien').style.color='blue'"> overblog </a></p> |
| Image | <img src="dossier/image.jpg" alt="description" title="info bulle" /> |
| Zone "cliquable" d'une image | <p><a href="over-blog.fr" shape="rect" coords="40,15,120,50"><img src="image.png" alt="vers overblog" /> site overblog </a></p> shape peut être "rect", "circle" ou "poly" coords pour "rect" : coordonnée sommet sup gauche et inférieur droit coords pour "circle": coordonnée centre puis rayon coords pour "poly": coordonnée de tous les sommets puis du point de départ |
| Image "cliquable" | <a href="lelien.html"> <img src="dossier/image.png" alt="presentation image" width="100" height="50" title="texte infobulle" /> </a> |
| Lien vers un document pdf | <p><a id="lien" href="http://www.site.fr/doc.pdf" type="application/pdf" title="titre"> pdf </a></p> |
| Vidéo | <object type="application/x-shockwave-flash"data="le_fichier.swf" width="300" height="200"> <param name="film" value=le_fichier.swf" /> <p> si la video ne s'affiche pas </p> </object> |
| Tableau | <table border="2" cellspacing="0"><tr> <th> 1 ligne 1 colonne </th> <th> 1 ligne 2 colonne </th> </tr> <tr> <th> 2 ligne 1 colonne </th> <th> 2 ligne 2 colonne </th> </tr> </table> |
| Fusion de cellule (de 2 cellules) | <td colspan="2"> le texte </td> |
| Fusion sur deux colonnes | <td rowspan="2"> le texte </td> |
| Balise de formulaire | form, textarea, input, select, option, optgroup, label |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Commande système et réseaux</title>
<!-- la balise suivante est l'url qui sert de base pour les chemins utilisés par la suite -->
<base href="http://www.techno.com/" />
<!-- on lie la feuille de style -->
<link rel="stylesheet" type="text/css" href="style.css" /> <!-- balise meta -->
<meta http-equiv="content-type" content="text/html; charset=8859-1" />
<meta name="keywords" content="réseau, système, xhtml" />
<meta name="description" content="ceci est un site sur le rézo" />
<meta name="robot" content="index" />
</head>
<body> Hello world!! </body>
</html>
Aucun commentaire:
Enregistrer un commentaire