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
m →‎Mise en lien avec le style : mise en exergue
Ligne 34 :
=== Mise en lien avec le style ===
 
En effet, un <code>div</code> est associé à des informations de style en [[CSS]], (Cascadingqui Style Sheets ou feuille de style enpeuvent cascade)être implantéeimplantées :
*En 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" >
Ligne 43 ⟶ 42 :
&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}} ''nom du formattage''{{vert|>}}
&lt;p>Texte&lt;/p>
{{vert|&lt;/div>}}
&lt;/body>
&lt;/html>}}
* Endans liantun àfichier laséparé, pageque unl'on fichierlie cssau externefichier enHTML rempaçanten leremplaçant <code><style type="text/css"></style></code> par :
<pre>
<link rel="stylesheet" media="screen" type="text/css" title="Titre" href="feuilledestyle.css" />
</pre>
* Directementdirectement dans la balise <code><div></code> ainsi :
{{vert|&lt;div}} style=" ... ''code CSS'' ... "{{vert|>}}
<pre>
<div style=" ... CSS ... "> <{{bleu|&lt;p>}}texte<{{bleu|&lt;/p> </div>}}
{{vert|&lt;/div>}}
</pre>
 
=== Caractérisation ===
Récupérée de « https://fr.wikibooks.org/wiki/Le_langage_HTML/Zones_de_mise_en_forme »