 |
Infor
![[ordinateur]](../ordi.GIF)
matique Aide aux divers cours - Bruno GADRAT
|
matique Aide aux divers cours - Bruno GADRAT
<HTML> <HEAD> <TITLE> Le titre de la fenêtre </TITLE> </HEAD> <BODY> Votre oeuvre avec autant de <...> </...> inclus les uns dans les autres que vous le voulez. C'est dans cette partie que se trouve le gros du travail. </BODY> </HTML>
À chaque fois que vous voulez afficher autre chose que du
texte de cette taille non accentué; vous devez signaler le
début de l'action et la fin de l'action:
<ACTION> texte sur lequel l'action agit </ACTION>
Vous remplacerez le mot ACTION par le mot clef approprié.
Notez tout de suite deux exceptions qui n'agissent pas sur autre
chose et qui n'ont donc pas de fermeture: (il y en a d'autres vous
les découvrirez bien assez tôt
<br> qui provoque le retour à la ligne
<hr> qui trace une ligne horizontale
|
s'écrit :
<H1>Titre H1 </H1>
Les titres sont séparés automatiquement du reste du
texte.
Le texte ordinaire est écrit en vrac sans se soucier ni des espaces ni des retours à la ligne ni de sa présentation générale dans le fichier html.
é è ê à û
é è ê à û
Italique bold underline
Texte en italique avec le T
souligné et le e gras. Il est possible d'introduire ces
enrichissements dans les titres.
<i> Italique </i> <b> Bold gras </b> <u> Underline souligné </u>
On peut
introduire
des sauts de lignes.
<br>
On peut aussi construire des paragraphes isolés les uns des autres.
<p> Paragraphe </p>
Pour sauter une ligne il faut faire un paragraphe avec un espace insécable
<P> </P>
<pre> Une mise en évidence est aussi possible et prend tel qu'il est le texte inscrit </pre>
<OL> <LI>un <LI>deux <LI>trois </OL>
<UL> <LI>un <LI>deux <LI>trois </UL>
<UL> <LI>un <LI>trois <UL> <LI>un <LI>trois <LI>douze </UL> <LI>douze <LI>vingt </UL>
<DL> <DT>Sujet <DD>définition ligne 1 <DD>définition ligne 2 <DT>Autre sujet <DD>définition l permettant un fort remplissage avec les mêmes caractéristiques que les autres textes ordinaires. </DL>
Pour mettre une image 
dans
le texte :
<img src="//www.designvegetal.com/gadrat/images/4CM/0/A12.JPG" alt="[Seringat_en_fleurs]" ALIGN=middle>
Pour un fichier situé dans le même répertoire
sans alignement particulier
on peut écrire:
<img src="../ordi.GIF" width=77 height=62 ALIGN=bottom>
alt=[texte_de_remplacement] sert à ceux qui n'ont
pas la chance de voir les images.
align=middle situe une ligne de texte au milieu de l'image essayez
aussi
align=right et align=left pour que le texte soit en colonne à
côté de l'image.
Pour décoller le texte de l'image on ajoute vspace=5
pour l'écart vertical et hspace=5 pour l'écart
horizontal.
<img src="../../../images/4CM/2000/04_avril/A2000040713.jpg" alt="Cornus-rameaux" width=71 height=106 BORDER=0 ALIGN=left hspace=10 vspace=5>
Pour une position précise dans la page il faut utilier un tableau.
Pour appeler un autre fichier dans le réseau avec un lien à cliquer sur : Le site végétaux et paysage
<a href="//www.designvegetal.com/gadrat/index.html"> Le site végétaux et paysage </A>
Pour appeler un fichier situé dans le même répertoire comme celui sur les accents on peut écrire:
<a href="accents.html">accents</A>
../ permet de remonter d'un répertoire pour entrer dans un répertoire à partir de celui où l'on est il faut écrire son nom suivi de /
<A HREF="../repertoire_html/accents.html">accents</A>
Pour appeler des fichiers dans différents cadres
Ouvrir une fenètre de message à envoyer avec un
lien: cours
designvegetal.com
<a href="../../../../contact.html"> cours
Pour envoyer un message tout rempli avec un lien à cliquer:
Envoyer le message
mailto:un@serveur1,
deux@serveur2 ?
cc=trois@serveur3
&
bcc=quatre@serveur4 &
subject=Le sujet &
body=Le%20texte%20du%20message%0d%0aligne%20deux
<a href="mailto:un@serveur1, deux@serveur2?cc=trois@serveur3&bcc=quatre@serveur4&subject=Le sujet&body=Le%20texte%20du%20message%0d%ligne%20deux"> Envoyer le message </A>
remarques: l'option body ne marche pas avec netscape 2, Il faut aussi oublier les accents.
|
B |
C |
|
|
1 |
Ici on met le texte de la case B1 |
Dans cette case un lien avec le fichier accents |
|
2 |
|
Vous pouvez voir comment j'ai réduit l'image de la case d'à côté en regardant le fichier source |
<TABLE BORDER=3 CELLPADDING=1> <TR> <TD> </TD><TD> B </TD><TD> C </TD></TR> <TR> <TD> 1 </TD><TD> Ici on met le texte de la case B1 </TD><TD> Dans cette case un lien avec le fichier <a href="accents.html">accents</A> </TD></TR> <TR> <TD> <P>2 </TD><TD> <img src="../ordi.GIF" width=20 height=20 ALIGN=bottom> </TD><TD> Vous pouvez voir comment j'ai réduit l'image de la case d'à côté </TD></TR> </TABLE>
Cette fonction permet de placer des éléments avec une bonne précision sur la page en utilisant les option de largeur et hauteur
|
Largeur totale du tableau 200 |
| |
|
|
|¨¨¨¨¨¨ |
<TABLE BORDER=1 width=200 height=150 align=right > <TR> <TD width=150 height=100> Largeur totale du tableau 200<BR> Hauteur totale du tableau 100<BR> <BR> Largeur de la cellule 150<BR> Hauteur de la cellule 100 </TD> <TD VALIGN=bottom height=100> |<BR> |<BR> |<BR> |___ </TD> </TR> <TR> <TD width=150> <CENTER>Si le logiciel accepte des paramètres supplémentaire align=right</CENTER> </TD> <TD VALIGN=top> |¨¨¨¨¨¨<BR> | </TD> </TR> </TABLE>
On peut appeler #nom_ancre directement si elle est dans le fichier affiché ou l'indiquer pour un autre fichier
Utilisez la fonction de table en lui précisant sa largeur et placez un élément à l'intérieur.
La largeur d'un écran ordinaire est de 640 points par 480 points
La largeur d'une page (zone imprimée) est de 531 points (en comptant les marges par défaut sur du papier format lettre)
<embed src="fichier.mid" width=0 height=0 autostart=true loop=1>
![[arbre_paysage]](../../../l/logos/retouraccueil.jpg){kind=small}
![[pour_m'envoyer_du_courrier]](../../../l/logos/mailto.GIF){kind=small}