Exercice HTML corrigé : Texte et image avec style

Facebook Tweet Pin Email

<HTML>

  <HEAD>

  <TITLE>demo style global </TITLE>

 <STYLE TYPE="text/css">

         P {

           border-style: dotted

           border: solid;

	text-align: justify;

	text-indent: 1pixels;

	display: block;

	margin: 5px;

	width: 300;

	border: solid #0033FF;

                  width: 400px;

                 height: 145px

	}		   

 img.p {

	font-size: 16px;

	font-style: normal;

	line-height: 30px;

	font-weight: bold;

	margin: auto;

	text-align: right;

	display: block;

	float: right;

	padding: 0px;

	clear: right;

	position: absolute;

	top: 15px;

	right: 80px;

	height: 120px;

	width: 120px;

}

 </STYLE>

  </HEAD>

  <BODY>

  <P>

   On peut subdiviser la marge, la bordure et l'espacement selon qu'il s'agisse du côté gauche, droite, haut ou bas (ex. dans le schéma, "MG" mis pour marge gauche [ndt. margin-left], "ED" mis pour espacement droit [ndt. padding-right], "BH" mis pour bordure haute [ndt. border-top], etc.). 

On appelle le périmètre de chacune des quatre aires 

(contenu, espacement, bordure et marge) un "bord", chaque boîte a donc quatre bords : 

 <BR>

 <img CLASS="p" src="image1.jpg"/> 

 <img src="image1.jpg"> 

  </BODY>

</HTML>

Pages 1 2