Wikilivres

« Le langage HTML/Bien commencer le HTML » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
TouzaxA (discussion | contributions)
4 215 modifications
Vers le HTML5
Ligne 21 :
 
; Exemple
{{vert|<!DOCTYPE html>}} html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>"{{vert|&gt;}}
{{vert|&lt;html&gt;}}
Ligne 40 ⟶ 39 :
Réessayez maintenant avec le texte suivant :
<pre style="white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;overflow:auto;">
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; Premier essai &lt;/title&gt; &lt;/head&gt; &lt;body&gt; Bonjour le monde. &lt;/body&gt; &lt;/html&gt;
</pre>
(le même texte mais sur une seule ligne, sans mise en forme) — une fois le fichier sauvé, il suffit d'appuyer sur le bouton « rafraîchissement/recharger » du navigateur pour voir la différence. On remarque qu'il n'y en a aucune.
Ligne 57 ⟶ 56 :
** « coloration syntaxique » : les caractères spéciaux et balises sont reconnus et mis en couleur, ce qui facilite la lecture du code.
 
Voici par exemple un commentaire permettant de se repérer facilement (l'exemple suivant se trouverait au sein d'un code, donc notamment après les balises <code>&lt;!DOCTYPE …html&gt; &lt;html&gt; … &lt;body&gt;</code> et avant le <code>&lt;/body&gt; &lt;/html&gt;</code> final).
…
{{vert|&lt;!--}}
Ligne 88 ⟶ 87 :
* [[w:JEdit|JEdit]]
* [[w:Quanta_Plus|Quanta Plus]]
* [[w:Sublime Text 2|Sublime Text 2]]
* [[w:NVU|NVU]] et [[w:Kompozer|Kompozer]] Ces derniers seraient plutôt des éditeurs WYSIWYG mais permettent d'éditer directement la source d'une page.
<!-- liste de critères à compléter ? -->
Récupérée de « https://fr.wikibooks.org/wiki/Le_langage_HTML/Bien_commencer_le_HTML »