Canalblog
Suivre ce blog Administration + Créer mon blog

Centre de Loisirs du Fontanil

Centre de Loisirs du Fontanil
Publicité
31 juillet 2007

PSP

Publicité
Publicité
31 juillet 2007

Sites qui parlent des fleurs

30 juillet 2007

Quelques balises

Il y a en réalité peu de balises html, et ce sont en générale toujours les même qui reviennent.
Ces balises les plus utilisée sont les suivantes :

<br>  : sauter une ligne;
<b>...</b> : mettre en gras (ou <strong>...</strong>);
<i>...</i> : mettre en italique (ou <em>...</em>);
<a href="adresse internet">...</a> : faire un lien (délimite par <a> et </a>, il peut y avoir plusieurs paramètres dans <a>);
<div align="center">...</div> : centrer un texte ou une image (remplacer "center" par "left" pour aligner à gauche, par right pour aligner à droite, et par "justify" pour aligner un texte des deux cotés);
<img scr="adresse image" alt="commentaire image"> : afficher une image, avec un commentaire;
<h1>...</h1>  : faire un titre de grande taille (pouvant aller de  <h1> jusqu'à <h6>, 1 étant la taille la plus grande et 6 la plus petite);
<font>...</font> : caractéristiques d'un texte, mettez dans la balise <font> toutes les caractéristiques du texte. Par exemple <font face="Arial"> définira la police "Arial", <font color="red" face="Arial"> définira la police "Arial" et la couleur rouge, <font color="red" face="Arial" size="2"> définira la police "Arial", la couleur rouge et la taille "2".

Ces balises sont les balises principales, mais vous avez un certain nombre d'autres balises permettant de faire des choses plus précises.

30 juillet 2007

Page de base

<HTML>
  <HEAD>
    <TITLE>Bienvenue dans l'estuaire de Seine</TITLE>
  </HEAD>
  <BODY>
    <H1>L'estuaire de Seine</H1>
    <P>Lieu magique, rencontre du fleuve et de la mer, un environnement unique,
    l'estuaire de Seine est aussi un lieu de communication important...
  </BODY>
</HTML>
30 juillet 2007

Insérer un lien

<a href="page2.htm">Votre lien</a>

<a href="http://www.iutb.u-bordeaux.fr" target="_blank">Le site de l'IUT</a>

Publicité
Publicité
30 juillet 2007

Insérer une image

Après avoir choisi l'image et le format, vous pouvez maintenant l'insérer dans votre page web. Pour cela, vous utiliserez le tag <IMG>.
Vous indiquerez le nom du fichier graphique ainsi que son chemin d'accès :
<IMG SRC="image.gif">
Ce tag charge donc l'image Image.gif contenu dans le dossier courant, et l'affiche dans la taille et la résolution originale.

Image avec lien :

<A HREF="pageperso2.htm#test">
   
<IMG SRC="images/v141.gif" ALT="test" WIDTH=42     HEIGHT=40 ALIGN=middle>   

30 juillet 2007

Arrière plan

C'est exactement pareil pour la couleur d'arrière plan. Cette couleur est définie par l'attribut BGCOLOR du tag <BODY>, avec la possibilité de mettre un nom de couleur ou un code RVB ( avec le # ). La couleur reste la même sur toute la page, on ne peut pas la changer à la moitié de la page.

<BODY BGCOLOR=RED>
ou
<BODY BGCOLOR=#FF0000>

30 juillet 2007

Alignements

La plupart des tags acceptent ALIGN comme attribut. Cet attribut détermine l'alignement horizontal et vertical du texte.
Pour insérer un texte à droite, il faut utiliser l'attribut ALIGN=RIGHT
Pour insérer un texte à gauche, il faut utiliser l'attribut ALIGN=LEFT
Pour centrer un texte, il faut utiliser l'attribut ALIGN=CENTER
Par exemple pour un paragraphe que l'on veut centrer, on utilisera : <P ALIGN=CENTER> paragraphe à centrer </P>
On n'a pas besoin de ressaisir l'attribut d'alignement pour un tag de fin.
Vous pouvez utiliser l'alignement avec les titres, les images, bref, tous les objets.

Remarque:
Pour centrer plusieurs objets en une seule opération, il faut utiliser les tags <CENTER>....</CENTER>. Tous les objets situés entre ces tags seront centrés :

<CENTER> objets à centrer </CENTER>

30 juillet 2007

Paragraphes

Les paragraphes sont le meilleur moyen de structurer votre texte. Le début d'un nouveau paragraphe est matérialisé par le tag <P> ( ce tag crée également un saut de ligne ) et respecte un espacement vertical plus grand par rapport au texte précédant. Pour fermer le paragraphe, utilisez le tag </P> qui lui aussi crée automatiquement un saut de ligne.

30 juillet 2007

Sauter une ligne

Pour forcer un saut de ligne à un endroit précis, utilisez le tag <BR> ( ce tag ne nécessite pas de tag de fin )

Publicité
Publicité
1 2 > >>
Publicité