Pour la structure générale d'une page Html, voir le site W3schools

Quelques titres

Ceci est un titre de niveau 1, entouré par <h1> et </h1>. Cette explication est mise à l'intérieur de <p> et </p>.

Voici mon titre de niveau 2

Voici mon titre de niveau 3, souligné

Pour souligner avec du html, on utilise <u> et </u>.

Voici mon titre de niveau 5, souligné et en italique

Pour mettre en italique avec du html, on utilise <em> et </em>. C'est le navigateur qui décide de souligner les em, on peut définir autre chose en css.

Mise en forme

Ce mot est souligné (considéré comme annoté en HTML 5) avec <u> et </u> et celui-ci est barré avec <del> et </del>, celui-ci est mis en exposant avec <sup> et </sup> et celui-là à l'indice avec <sub> et </sub>...

Quelques passages à la ligne

Vos nom et prénom
votre adresse
code postal et ville
numéro de téléphone

Pour passer à la ligne, on utilise la balise <br> (unique, pas de balise fermante) à l'intérieur d'un paragraphe.

Utilisation de la balise blockquote

retrait 1
retrait 1.1
retrait 2
retrait 2.2

voir le site W3schools

Forcer des espaces

Ce   caractère  spécial (&nbsp;) permet  de  forcer   des  espaces !

Pour utiliser des caractères spéciaux à l'intérieur d'une page web, on utilise des codes unicodes. On peut en trouver une liste ici par exemple. Voir aussi le site W3schools.

Des balises porteuses de sens (sémantiques)

< © charles durand >

Ici l'adresse du webmaster

La balise <address> est destinée à contenir les informations de contact de l'auteur/propriétaire de la page ou de l'article.

Date de la mise à jour :

La balise <time> permet de 'traduire' la date donnée en langage compris par les machines <time datetime="YYYY-MM-DDThh:mm:ssTZD">

La balise PRE

  
		6h12   |   6h20  |  6h40
		7h12   |   7h20  |  7h40

La balise <pre> utilise une police à chasse fixe et conserve les espaces et retours à la ligne.