|
exemple de page élémentaire : tous les codes sont à écrire en miniscules
______________________________
<HTML>
<HEAD>
<TITLE>.......</TITLE>
</HEAD>
<BODY>
<P>exemple de page élémentaire:</P>
</BODY>
</HTML> balises de base :
____________________ !!!!! une balise souvre et se ferme!!!!!!! <HTML> </HTML> : debut et fin de fichier
<HEAD> </HEAD> : debut et fin d'entete du fichier
<TITLE></TITLE> : titre (base de la fenetre)
<BODY> </BODY> : corps de la page
<I></> : italique <B></> : gras <U></> : souligné
<H1></>...<H6> : taille du txt <CENTER></> : ctr sur la pg <P></> : paragraphe <BR> : retour forcer a la ligne
<HR width=50%> ou <HR> : un trait (width=50% : 50%de la larg de la pg)
<P align=left>Menu...</P>
<P align=center>Menu...</P>
<P align=right>Menu...</P>
<SUB></> : txt en indice(H2o) <SUP></> : txt en exposant(x²+3x²)
<IMG src="../images/logo.jpg"> si ds le ^m repertoir: "logo.jpg">
si ds la ^m racine:"../images/logo.jpg">
si ds un site: "//www.dna.logo.jpg"> <IMG src="../images/logo.jpg"width=100 heigt=200> : larg=100pxl hauteur=200
<IMG src="../images/logo.jpg"=50% borde=2> : img a 50% de la pg un bord=2pxl Tableau :
en exmple pour obtenir |C 1 |C 2 | 2 colonnes 1 ligne
------------------------ <TABLE>
<TR><TH> C 1 </TH><TH width="75%"> C 2 </TH></TR>
et aussi avec TD <TR><TD> C 1 </TD> <TD width="75%"> C 2 </TD></TR>
------------------------ Des exemples de dispositions multiples :
|txt1 |txt2 | <TR><TD> txt1<br> txt11<br> </TD>
|txt11 | txt22 | <TD><CENTER> txt2</CENTER><br> txt22<br></TD></TR>
------------------------ </TABLE>
<TABLE border=1 width="60%"> : avec de bord de taill 1pxl 60% de la page en larg
<TABLE width=100 heigt=200> : larg=100pxl hauteur=200>
<TR>: ligne du tbl <TD>: case du tablo <TH>: : case d'entete du tbl
!!!!! C 1 et C 2 son initialement gras -> <TH> </TH> liste non ordonnée : liste ordonnée :
_____________________ ___________ __________ Utiles pour des menus déroulants, Conseil pour la créations des administrations de sites:
<UL> <OL>
- cas 1 <LI> cas 1 </LI> 1. cas 1 <LI> cas 1 </LI>
- cas2 <LI> cas 1 </LI> 2. cas 2 <LI> cas 1 </LI>
</UL> </OL>
aves <UL> pour un point(initialement) aves <OL> pour 1.2.3.(initialement)
=circle> pr un rond vide TYPE=A> pr A.B.C.
=square> pr un carrée plein TYPE=a> pr a.b.c.
TYPE=I> pr I.V.X. ou i.ii.iii.
Liens hyper texte :
____________________
*on ouvre une nouvel page mais pas un new fenetre :
<a href="menu.htm">index</a> : menu=pg ou on va aller,index=nom du lien sur le quell on click
"><IMG src="../images.jpg"></a> : ca peut aussi etre une image
*on ouvre une nouvel page et une new fenetre :
<a href="../images.jpg" target="_blank"><IMG src="../images.jpg"></a>
-> on ouvre une new page avec l'image affichez a 200%
<a href="../images.jpg" target="_blank"><IMG src="../images.jpg"=200%></a> *un lien vers un E-mail:
<a href="mailto :
Cet e-mail est protégé contre les robots collecteurs de mails, votre navigateur doit accepter le Javascript pour le voir
"> WALDVOGEL Nicolas </a>
Jeux de cadre : les frames sont l'intégration de page dans une fenêtre d'une page.
________________
expl:
<HTML>
<HEAD>
<TITLE>index</TITLE>
</HEAD>
<frameset cols="20%,*" frameborder=yes>
<frame src="pages/menu.htm" name="menu" noresize>
<frame src="pages/accueil.htm" name="principal">
</frameset>
</HTML>
soit on affiche en colones(cols) ou en ligne(rows)
frameborder est la ligne séparation entre les page(yes/no)
noresize est le cadre le plus petit
|
){kind=link}
){kind=link}
){kind=link}
