4 oct. 2013

Secrétariat du 01|10|1


TECHNOLOGIE DE CRÉA.


RE-CAP


01|10|13


HTML / Merci Samuel !
INTEGRER DU CONTENU AU BODY


Le contenu pur d'une page web est contenu entre les balises <BODY> et </BODY>. Chaque éléments (images, texte...) viens s'insérer entre des balises.

Il existe trois sortes de balises :

• Les balises doubles : elles sont composées d'une balise ouvrante : <body> et d'une balise fermante </body>
• Les balises orphelines (ou simple). ex : <meta charset="utf-8"/>
• La balise universelle <SPAN></SPAN>


INTÉGRER DES IMAGES

Pour insérer une image dans une page html, il faut insérer l'url de l'image dans la balise suivante :

<img src="URL DE L'IMAGE">

Des attributs de taille et de mise en page peuvent être appliqués aux images : largeur, hauteur et position dans la page. Les dimensions sont indiquées en pixels, en % ou en em (rapport de proportion), la position dans la page est donnée avec "left", "right" et "center"

Ces attributs se présentent dans la balise de cette manière :

<img src="URL DE L'IMAGE" width="240px "; height="540px">
ou encore, en l'encadrant :
<center><img src="URL DE L'IMAGE"></center>


INTÉGRER DU TEXTE

Les Paragraphes :

Les paragraphes s'intègrent entre les deux balises  <p> et </p>. Comme pour les images, des attributs de mise en page peuvent être appliqués au texte. On peut centrer le texte, le justifier, le ferrer à gauche et à droite. Ces attributs viennent s'insérer dans la balise ouvrante <p> :

<p align= "center"> 
<p align= "justify"> 
<p align= "left"> 
<p align= "right"> 


La Typographie :

Des attributs typographiques peuvent être appliqué à du texte. Ils permettent de gérer la police de caractère, la taille et la couleur. Le texte auquel on veut appliquer ces attributs doit être entouré des balises : <font>Lorem ipsum</font>

Comme pour les paragraphes, les attributs s'insèrent dans la balise ouvrante :

<font face="impact">
<font size="7px"> 
<font color="black">

A noter que la taille du corps varie de 1 à 7px.

Aucun commentaire:

Enregistrer un commentaire