Linux lhjmq-records 5.15.0-118-generic #128-Ubuntu SMP Fri Jul 5 09:28:59 UTC 2024 x86_64
Your IP : 52.15.191.241
<html>
<head>
<title>Aide</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<LINK rel="stylesheet" href="../css/base.css" type="text/css">
<LINK rel="stylesheet" href="../css/admintheme.css" type="text/css">
<LINK rel="stylesheet" href="../css/tablespecials.css" type="text/css">
<LINK href="../../css/links.css" rel="stylesheet" type="text/css">
<LINK href="../../css/table.css" rel="stylesheet" type="text/css">
<LINK href="../../css/tags.css" rel="stylesheet" type="text/css">
<LINK href="../../css/text.css" rel="stylesheet" type="text/css">
<body bgcolor="#BBBFCE" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center" class="normaltext">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD background="../images/scoreboard_top.gif"><IMG src="../images/spacer.gif" width="1" height="11"></TD>
</TR>
<TR>
<TD bgcolor="#E8E9F5" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" rowspan="3" align="center" valign="middle"><b><font size="+3">Aide - HTML</font></b></td>
<td align="right"><span class="blackText10px"><a href="javascript:window.close()" class="lnkBase11px">Fermer cette fenetre</a></span></td>
<td width="50" align="right"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD background="../images/scoreboard_bottom.gif"><IMG src="../images/spacer.gif" width="1" height="10"></TD>
</TR>
<TR>
<TD><IMG src="../images/spacer.gif" width="1" height="4"></TD>
</TR>
</TABLE>
<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="outlinetab">
<TR>
<TD bgcolor="#546085">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="8" bgcolor="#546085"><IMG src="../images/spacer.gif" width="8" height="1"></TD>
<TD height="15" bgcolor="#546085"><SPAN class="orangeText9px"><b> Options de formatage de base</b></SPAN></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR align="center">
<TD align="left" bgcolor="#FFFFFF" class="blackText11px" style="padding: 5px">
<p align="left">Voici quelques informations sur le codage HTML qui peut vous être utile pour créer des effets particuliers à l’intérieur de votre texte: </p>
<div align="left">
<ul>
<li> Insérez <b><br></b> pour faire un <b>retour de ligne</b> forcé.</li>
<li> Ajoutez <b><b> et </b></b> autour d'un texte que vous voulez afficher en <b>gras</b>. </li>
<li> Ajoutez <b><i> et </i></b> autour d'un texte que vous voulez afficher en <i>italique</i>. </li>
<li> Ajoutez <b><u> et </u></b> autour d'un texte que vous voulez afficher en <u>souligné</u>.</li>
</ul>
</div>
<p align="left"> Pour plus d'information sur le HTML référez-vous à des sites populaires comme <a href="http://www.allhtml.com/" target="_blank" class="lnkBase11px">www.allhtml.com</a>, qui est un portail dédié aux technologies du web et pourra sûrement vous aider. Gardez à l'esprit que toute erreur HTML dans votre texte peut entraîner la déformation de votre site à l'endroit où vous avez ajouté votre code HTML. Soyez vigilants avant d'ajouter du code HTML dont vous n'êtes pas certains.</p>
</TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF"><IMG src="../images/spacer.gif" width="1" height="8"></TD>
</TR>
</TABLE>
<br>
<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="outlinetab">
<TR>
<TD bgcolor="#546085">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="8" bgcolor="#546085"><IMG src="../images/spacer.gif" width="8" height="1"></TD>
<TD height="15" bgcolor="#546085"><SPAN class="orangeText9px"><b> Couleurs et polices en HTML</b></SPAN></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR align="center">
<TD align="left" bgcolor="#FFFFFF" class="blackText11px" style="padding: 5px">
<p align="left">Voici quelques information plus avancés sur le formatage texte et les couleurs en HMTL:</p>
<div align="left">
<ul>
<li> Ajouter <b><font></b> et <b></font> </b>autour d'un texte pour changer ses propriétés comme sa taille, sa couleur et sa police.
<ul>
<li>La taille varie entre 1 et 9 (A 9 elle est extrement grosse et à 1 elle est illisible</li>
<li>La couleur est en format RGB hexadécimal, pour comprendre ce mode il faut le décortiquer comme suit: Les deux premier chiffres indiquent la teinte de rouge, ceux du millieux la teinte de vert et ceux de la fin, la teinte de bleu. Ces trois couleurs sur un ordinateur sont assez pour vous donner au dessus de 65 000 de couleurs disponible. Voyez ce fichier d'aide pour plus d'information</li>
<li>La police finalement est une liste de police disponible dans un système et elle sont séparé par des virgules. Très souvent, la police n'est pas utilisé car les résultat peuvent trop varié de client à client</li>
</ul>
</li>
</ul>
<p>Voici un exemple complet: <font size="5" color="#4599DF" face="Vernada, Arial, Times New Roman">Voici un texte formatté</font><br>
Et le résultat: <font size="5" color="#4599DF" face="Vernada, Arial, Times New Roman">Voici un texte formatté</font></p>
</div>
</TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF"><IMG src="../images/spacer.gif" width="1" height="8"></TD>
</TR>
</TABLE>
<br>
<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="outlinetab">
<TR>
<TD bgcolor="#546085">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="8" bgcolor="#546085"><IMG src="../images/spacer.gif" width="8" height="1"></TD>
<TD height="15" bgcolor="#546085"><SPAN class="orangeText9px"><b> Ajouter des liens</b></SPAN></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR align="center">
<TD align="left" bgcolor="#FFFFFF" class="blackText11px" style="padding: 5px">
<p align="left">Pour ajouter un lien, ce sera légerement plus complexe:</p>
<div align="left">
<ul>
<li> Ajoutez <b><a> et </a></b> autour d'un texte que vous voulez afficher comme un lien. </li>
<li>Ensuite, dans le <b><a></b> il faut ajouter le paramêtre <b>HREF</b> comme suit: <b><a href="">votre texte</a></b>
<ul>
<li>Dans le href="" il faut ajouter votre lien par exemple: <a href="www.lhjmq.qc.ca/lang_fr/index.php" class="lnkBase11px">www.lhjmq.qc.ca/lang_fr/index.php</a> </li>
</ul>
</li>
<ul>
<li>Attention, si vous ne voulez pas forcer la langue sur le site de la LHJMQ, ne passez que "index.php?page=" et le lien redirigera, la personne qui le clique, dans la même langue que présentement.</li>
</ul>
<li>Finalement, il faut aussi ajouter un autre paramêtre <b>CLASS</b> comme suit: <b><a href="monlien" class="">votre texte</a></b>
<ul>
<li>Dans le class="" il faut ensuite rajouter un css prédéfini par les programmeurs de la ligue. Si vous ne mettez rien, votre lien sera de couleur blanche.</li>
<li>Les valeurs que vous pouvez mettre sont: <b>lnkBase9px</b>, <b>lnkBase10px</b>, <b>lnkBase11px</b>, <b>lnkBase12px</b></li>
</ul>
</li>
</ul>
<p>Voici donc un exemple complet: <a href="index.php?page=234342412&id_type_cal=0" class="lnkBase10px">Calendrier de la saison régulière</a><br>
Et le résultat: <a href="index.php?page=234342412&id_type_cal=0" class="lnkBase10px">Calendrier de la saison régulière</a> </p>
</div>
</TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF"><IMG src="../images/spacer.gif" width="1" height="8"></TD>
</TR>
</TABLE>
<br>
<TABLE width="95%" border="0" cellpadding="0" cellspacing="0" class="outlinetab">
<TR>
<TD bgcolor="#546085">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="8" bgcolor="#546085"><IMG src="../images/spacer.gif" width="8" height="1"></TD>
<TD height="15" bgcolor="#546085"><SPAN class="orangeText9px"><b> Tables en HTML</b></SPAN></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR align="center">
<TD align="left" bgcolor="#FFFFFF" class="blackText11px" style="padding: 5px">
<p align="left">Vous entrez maintenant dans le plus difficile a maîtriser en terme d'HTML, les tables.</p>
<div align="left">
<ul>
<li> Ajouter un tag <b><table> et </table></b> pour indiquer qu'une table est contenu ici.</li>
<li>Ensuite, <b>entre</b> les balises TABLE, il faut ajouter autant de <b><tr> et </tr></b> qu'il y aura de rangé (Essayez de vous rappeller ce truc: TR siginifie TABLE ROW).</li>
<li>Ensuite <b>entre chaque TR</b>, il faut mettre absolument le même nombre de <b><td> et </td></b>. Un TD indique TABLE DATA et donc entre chaque TD il y aura de l'information à afficher.
<ul>
<li>Si vous ne mettez pas le même nombre de TD dans chaque TR, il y aura des trous vide a des endroit qui ne sont pas nécéssairement voulu.</li>
</ul>
</li>
</ul>
<p>Ceci consiste donc en le plus simple des tables HTML, voici un bref et simple exemple:</p>
<p><table><tr><td>Une table avec</td><td>deux colone, mais une seule ligne</td></tr></table></p>
<table>
<tr>
<td>Une table avec</td>
<td>deux colone, mais une seule ligne</td>
</tr>
</table>
</div>
<ul>
<li>
<div align="left">Dans chaque balise TABLE, TR ou TD il est possible d'ajouter certains paramêtre pour changer l'aspect de ceux ci, par exemple: (Aucun ne sont obligatoire)</div>
</li>
<li>TABLE peut contenir des paramêtre pour modifier l'ensemble de la table:
<ul>
<li>width: controle la largeur de la table en pixel ou en pourcentage (exemple: width="50" ou width="50%")</li>
<li>border: controle la largeur de la bordure de la table (exemple: border="2")</li>
<li>cellspacing: controle l'espace entre chaque cellulle de données (entre les TD et TR) (exemple: cellspacing="3")</li>
<li>cellpadding: controle la marge en pixel des données dans chaque TD (exemple: cellpadding="2")</li>
<li>bgcolor: controle la couleur de fond, référez vous à la section couleurs pour plus d'information (exemple: bgcolor="#ff0000")</li>
</ul>
</li>
<li>TR peut contenir des paramêtre qui affecterons tout la rangé
<ul>
<li>bgcolor: controle la couleur de fond, référez vous à la section couleurs pour plus d'information (exemple: bgcolor="#00ff00")</li>
</ul>
</li>
<li>TD peut contenir des paramêtre qui affecterons toutes les données dans la cellule<ul>
<li>bgcolor: controle la couleur de fond, référez vous à la section couleurs pour plus d'information (exemple: bgcolor="#0000ff")</li>
<li>width: controle la largeur de la cellule en pixel ou en pourcentage (exemple: width="50" ou width="50%")</li>
<li>align: controle l'alignement a l'aide de "left", "center", "right" (exemple: align="center")</li>
<li>valign: controle l'alignement VERTICAL a l'aide de "top", "middle", "bottom" (exemple:valign="bottom")</li>
</ul>
</li>
</ul>
<p>Voici donc un exemple avancé avec les tables et les différents exemple ci haut:</p>
<p><table width="75%" border="2" cellspacing="3" cellpadding="2" bgcolor="#ff0000"><br><
tr bgcolor="#00ff00"><br><
td align="right" valign="bottom">Une table avec</td><br><
td bgcolor="#0000ff" align="center" width="300">deux colone,<br> mais une seule ligne</td><br>< /tr><br>< /table></p>
<table width="75%" border="2" cellpadding="2" cellspacing="3" bgcolor="ff0000">
<tr bgcolor="00ff00">
<td align="right" valign="bottom">Une table avec</td>
<td width="300" align="center" bgcolor="0000ff">deux colone,<br>
mais une seule ligne
</td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF"><IMG src="../images/spacer.gif" width="1" height="8"></TD>
</TR>
</TABLE>
<p> </p>
</div>
</body>
</html>
|