Se Connecter
Contact

Exercices HTML CSS

Exercice 3 HTML et CSS Corrigé

Réaliser l’exercice suivant :

où l’espace entre les mots est de 15 pixels tandis que celui entre les lettres est de 2 pixels (sauf le dernier mot où la valeur est 15 pixels).

HTML :

< html>
<head>
<title>concave et convexe </title>
<link rel="stylesheet" type="text/css" href="../css/exercice3.css" />
</head>
<body>

<p>
Le texte en <span id="span0">caract&egrave;res gras</span><br />



Le texte en <span id="span1">caract&egrave;s soulign&eacute;s</span><br />

Le texte en caract&egrave;res <span id="span2">italiques</span><br />

Le texte en caract&egrave;res <span id="span3">ray&eacute;s</span><br />

Le texte en caract&egrave;res <span id="span4">plus gros</span><br />



Le texte en caract&egrave;res <span id="span5">plus petits</span><br />

Le texte en caract&egrave;res <span id="span6">exposant</span><br />

Le texte en caract&egrave;res <span id="span7">indice</span><br />

Le texte en caract&egrave;res <span id="span8">espac&eacute;s</span><br />

</p>
        
</body>
</html>

CSS : 

p{
	word-spacing : 15px;
	letter-spacing: 2px;
}
#span0{
	font-weight: 900;	
}
#span1{
	text-decoration:underline;
}
#span2{
	font-style:italic;
	color: red;
}
#span3{
	text-decoration:line-through;
}
#span4{
	font-size:xx-large;
}
#span5{
 	font-size:xx-small;
}
#span6{
 	vertical-align:super;
}
#span7{
	vertical-align:sub;
}
#span8{
	letter-spacing : 15px;
}

 

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.

Pas encore de commentaires.

Exercices

QCM Informatique

series HTML CSS

Exercices