Voici le contenu de ma première page vérifiée sur le validateur.
Vous pouvez trouver un complément d'informations sur w3schools.
Structure du texte
Les paragraphes
Considérons la poésie de Charles Baudelaire intitulé l'albatros.
Souvent, pour s'amuser, les hommes d'équipage
Prennent des albatros, vastes oiseaux des mers,
Qui suivent, indolents compagnons de voyage,
Le navire glissant sur les gouffres amers.
À peine les ont-ils déposés sur les planches,
Que ces rois de l'azur, maladroits et honteux,
…
Cela ne fonctionne pas !
Tout le texte se suit sans aucun retour à la ligne.
Ajoutons des paragraphes <p> et des retours à la lignes <br>.
Ce voyageur ailé, comme il est gauche et veule !
Lui, naguère si beau, qu'il est comique et laid !
L'un agace son bec avec un brûle-gueule,
L'autre mime, en boitant, l'infirme qui volait !
Le Poète est semblable au prince des nuées
Qui hante la tempête et se rit de l'archer ;
…
Les listes
On peut également écrire des listes : classique ou numérotée.
ma liste de courses
pain
oranges
…
des questions
question 1
question 2
sous-question 2.1
sous-question 2.2
Les images
Utilise la balise <img> qui s'utilise seule mais nécessite un attribut alt.
Corriger l'url dans le code pour voir afficher l'image.
La balise <th> permet de définir les titres des colonnes (facultatif).
colonne1
colonne2
colonne3
c2.1
c2.2
c2.3
Rq :on peut également écrire les titres des colonnes dans une balise <thead> puis le corps de la table dans une balise <tbody>.
Les formulaires
il existe différents types : text, radio, checkbox, submit, reset ou même faire des menus déroulant.
Donner un nom (name) et une valeur (value) aux différents formulaires n'est pas obligatoire mais prépare au PHP.
Autres balises
De nombreuses autres balises existent (cf.w3schools).
Nous nous attarderons néanmoins sur les deux balises <div> et <span> qui permettent d'appliquer un style aux éléments dans la balise.
<div> défini en plus des paragraphes tandis que <span> ne change rien.
Ajout de style
Il existe deux grandes manières : défini dans le texte ou défini dans le <head> puis attaché au texte.
On utilisera que la seconde méthode.
Plus d'explications sur le style dans la pageStyle.html.
