Wikilivres

« Le langage HTML/Zones de mise en forme » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
diverses petites corrections
Tavernier (discussion | contributions)
8 843 modifications
bricoles
Ligne 54 :
=== Mise en lien avec le style ===
 
En effet, un <code>div</code> est associé à des informations de style en [[CSS]], qui peuvent être implantées en haut de la page HTML dans un espace entre les balises <code><head></code> et <code></head></code> ainsi :
<source lang="html4strict">
* en haut de la page HTML dans un espace entre les balises <code><head></code> et <code></head></code> ainsi :
{{gris|&lt;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>">
 
&lt;<html xmlns{{=}}"<nowiki>http://www.w3.org/1999/xhtml</nowiki>" xml:lang{{=}}"fr" >
&lt;<head>
&lt;<title>Titre&lt;</title>
&lt;<meta http-equiv{{=}}"Content-Type" content{{=}}"text/html; charset{{=}}iso-8859-1" />}}
{{vert|&lt;<style}} type{{=}}"text/css"{{vert|>}}
''code CSS''
{{vert|&lt;</style>}}{{gris|
&lt;</head>
&lt;<body>}}
{{vert|&lt;<div}} ''référence au formattage''{{vert|>}}
&lt;<p>Texte&lt;</p>
{{vert|&lt;/<div>}}
&lt;/<body>
&lt;/<html>}}
</source>
* dans un fichier séparé, que l'on lie au fichier HTML en remplaçant <code><style type="text/css"></style></code> par :▼
 
<pre>
▲*Ou bien dans un fichier séparé, que l'on lie au fichier HTML en remplaçant <code><style type="text/css"></style></code> par :
<source lang="html4strict">
<link rel="stylesheet" media="screen" type="text/css" title="Titre" href="feuilledestyle.css" />
</presource>
 
*Ou encore directement dans la balise <code><nowiki><div></nowiki></code> ainsi :
{{vert|&lt;div}} style=" ... ''code CSS'' ... "{{vert|>}}▼
<source lang="html4strict">
{{bleu|&lt;p>}}texte{{bleu|&lt;/p>}}
▲ {{vert|&lt;<div}} style=" ... ''code CSS'' ... "{{vert|>}}
{{vert|&lt;/div>}}
<p>texte</p>
</div>
</source>
 
=== Caractérisation ===
Récupérée de « https://fr.wikibooks.org/wiki/Le_langage_HTML/Zones_de_mise_en_forme »