- Les feuilles de style CSS -
Un document bien mis en forme, à l'aide des CSS
Avant toute chose, nous supposons que vous avez un minimum de
connaissances en HTML.
Cette page a pour but de vous faire comprendre comment une page HTML
toute simple peut devenir une page HTML complexe à l'aide de CSS (Cascading
Style Sheets).
Étape n° 1 :
En tout premier lieu, nous créons une page basique en html, sans
s'inquiéter le moins du monde de sa présentation à l'écran, en dehors
des retours de ligne (<br>), des lignes horizontales de séparation (<hr>),
des mots en italique (<i></i>), des mots en gras (<b></b>), etc. Ce qui donne pour ce document :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Leçon n° 2 - Un document bien mis en forme, à l'aide des
CSS</title>
</head>
<body>
<h1>Un document bien mis en forme, à l'aide des CSS</h1>
<h2>Introduction :</h2>
<p>
Cette page a pour but de vous faire comprendre comment une page
toute simple peut devenir une page complexe à l'aide des CSS (Cascading
Style Sheets).
</p>
<hr>
<h2>Étape n° 1</h2>
<p>
En tout premier lieu, nous créons une page basique en html, sans
s'inquiéter le moins du monde de sa présentation à l'écran<br>
en dehors des retours de ligne, des lignes horizontales de
séparation <i>(<hr>)</i>, des mots en italique <i>(<i></i>)</i>,
des mots en <b>gras</b> <i>(<b></b>)</i>, etc.
</p>
<!-- Ignorons les lignes suivantes, enfin, jusqu'au prochain
commentaire ;o)) -->
<div id="Div1">
<code>
...
</code>
</div>
<!-- jusqu'ici en somme LOL -->
</body>
</html>
Note :
Ne pas regarder le code source de cette page, il n'a strictement rien
à voir avec ce que vous avez pu lire jusqu'ici. ;o)
(Autrement dit, faites ce que je dis, pas ce que je fais.) LOL
Non, ce n'est pas vrai, je plaisante, vous pouvez regarder le source de
cette page. Ceci dit, si vous débutez avec les CSS, attendez au moins
d'avoir lu la suite, sinon vous risquez fort de n'y rien comprendre.
;o))
Important :
Vous allez trouver ci-dessous un lien qui vous conduira à l'étape N°
2 et, comme je suis quelqu'un d'assez respectueux de l'internaute qui
visite mes sites, je ne vous imposerai pas de PopUp. Toutefois, je ne
saurais que trop vous recommander de cliquer sur le lien qui vous
invitera à ouvrir une PopUp, pour voir le résultat des différentes
opérations au fur et à mesure qu'elles vous seront décrites, ceci afin
de voir ce qui ce passe point par point (enfin, faites ce que vous
voulez). ;o)
Pour la
suite, c'est par ici =>
Retour à l'accueil
-
Retour au début
|
