Réaliser la page suivante (les deux images sont sur la même page) :
où les marges gauche et droite des titres, le plus gros possible, occupent 20% de la page. Les puces de la dernière liste sont des images.
HTML:
<html>
<head>
<title>Quelques citations </title>
<link rel="stylesheet" type="text/css" href="../css/exercice6.css" />
</head>
<body>
<h1>Quelques citations de Pierre Desproges</h1>
<ul>
<li>Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser
aucun doute sur le sujet. </li>
<li>La femme, dépourvue d'âme ne peut s'élever vers Dieu, mais elle peut
prendre un escabeau pour s'élever pour laver les carreaux, c'est tout ce qu'on lui demande.
</li>
<li>Plus je connais les hommes, plus j'aime mon chien. Plus je connais les femmes, moins j'aime
ma chienne.
</li>
<li>L'intelligence, c'est le seul outil qui permette à l'homme de mesurer
l'étendue de son malheur. </li>
<li>L'amour, c'est comme les cartes : si tu n'as pas de partenaire, il te faut une bonne main.
</li>
<li>L'ennemi est bête : il croit que l'ennemi c'est nous, alors que l'ennemi c'est lui.
</li>
<li>Est-elle sotte celle-ci ! Dubitatif... C'est pas cochon, hé ! Dubitatif en un seul mot ! Ca veut
pas dire éjaculateur précoce. Ca veut juste dire que je suis dans le doute : le doute m'habite quoi ! </li>
</ul>
<h1>Quelques citations à propos des singes</h1> <ul id="cercle">
<li>L'homme descend du singe et le singe descend de l'arbre.
</li>
<li>L'homme descend du singe, mais certains descendent plus vite que d'autres.
</li>
<li>L'homme se vante de descendre du singe. Jamais aucun singe ne se vanterait de descendre
de l'homme.
</li>
<li>Ce n'est pas à un vieux singe que l'on apprend à faire des grimaces.
</li>
<li>Paroles de Jacques Brel :
<ul>
<li>Car ils ont inventé le fer à empaler, </li>
<li> Et la chambre à gaz et la chaise électrique
</li>
<li> Et la bombe au napalm et la bombe atomique </li>
<li> Et c'est depuis lors qu'ils sont civilisés </li>
<li>Les singes les singes les singes de mon quartier </li>
</ul>
</li>
</ul>
<h1>Quelques citations sur Windows et l'informatique</h1>
<ul id="image">
<li>Le manuel disait <span id="Windaube">Nécessite Windows XP ou mieux</span>
j'ai donc installé Linux
</li>
<li>Windows a détecté que vous n'aviez pas de clavier.
Appuyez sur 'F9' pour continuer.
</li>
<li>Il y a deux types de personnes dans le monde : celles qui comprennent le binaire, et celles qui ne le comprennent pas. </li>
</ul>
</body>
</html>
CSS :
body{
background-color: #DDDD00;
}
h1{
text-align: center;
color: blue;
border : red solid 2px;
margin-left: 20%;
margin-right: 20%;
}
ul{
font-size: 0.5cm;
}
ul ul{
list-style-type: none;
font-style: italic;
}
#Windaube{
text-decoration: underline;
font-weight: bolder;
}
#cercle{
list-style-type: circle;
}
#image{
list-style-image: url("../images/BoutonVert.gif");
background-color: #FF80FF;
}
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.