ACCUEIL
CINEMAMUSIQUEINFORMATIQUELIENS
  

Astuces HTML

 

Supprimer le soulignement d'un lien hypertexte :

<a href="lien.htm" style="text-decoration:none">

 

Exemple d'affichage : aperçu

<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<a href="Lien hypextexte1bis.html" style="text-decoration:none">Ce lien mene nul part</a>
</body>
</html>
 
 

Supprimer le soulignement des liens hypertextes de toute la page :

<style>
a{text-decoration:none;}
</style>
 

Texte en retrait par rapport à la marge de gauche :

<div style="margin-left:30px;"> Bonjour <br></div>

 Exemple d'affichage : aperçu

<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<div style="margin-left:30px;"> Bonjour 1 <br></div>
<div> Bonjour 2 </div>
</body>
</html>
 
 

Justifier le texte d'un paragraphe ou d'une cellule :

<td style="text-align:justify;"> Bonjour</td>

<p style="text-align:justify;"> Bonjour</p>
 

Tableau sans aucune bordure :

<table cellpading=0 cellspacing=0 border=0>

 Exemple d'affichage : aperçu
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
</html>
 
 

Image d'arriere plan :

sans répétition
<body background="fong.gif" style="background-repeat:no-repeat">

répétition horizontale
<body background="fong.gif" style="background-repeat:repeat-x">

répétition verticale
<body background="fong.gif" style="background-repeat:repeat-y">

 

Cadre sans bordure :

<frameset cols="120,*" frameborder=0 framespacing=0 frameborder=no border=0>
 

Cadre de couleur et de largeur choisis (largeur de bordure = 6pixels et de couleur verte) :

<frameset cols="120,*" border=6 framespacing=6 bordercolor="#33ff00>
 

Controle des marges dans un cadre (par défaut les marges sont de 12 pixels) :

<frame src="barre.htm" marginheight=2 marginwidth=2 scrolling=no>
 

Créer une transition lors du passage d'une page à une autre :

<meta http-equiv="page-exit" content="revealtrans(duration=2,transition=12)">

Le code est a intégré juste après la balise <head>

- duration = indique la durée de la transition en seconde
- transition = il existe 1 à 23 transitions différentes
 

La page s'ouvre en plein écran :

<SCRIPT LANGUAGE="javascript">
<!--
window.moveTo(0,0)
window.resizeTo(screen.width,(screen.height-25))
//-->
</SCRIPT>

 Exemple d'affichage : aperçu

<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<SCRIPT LANGUAGE="javascript">
<!--
window.moveTo(0,0)
window.resizeTo(screen.width,(screen.height-25))
//-->
</SCRIPT>
Plein écran
</body>
</html>
 
 

Créer un CD avec son site :

Prenons pour exemple que votre page d'accueil s'appel : index.htm

Avec le "Bloc-notes" (Démarrer/Programmes/Accessoires/Bloc-notes), créer un fichier intituler : Start.bat

Dans ce fichier, écrivrer les lignes suivantes :

@echo off
start index.htm
exit

Avec le "Bloc-notes" (Démarrer/Programmes/Accessoires/Bloc-notes), créer un fichier intituler : Autorun.inf

Dans ce fichier, écrivrer les lignes suivantes :

[autorun]
open=start.bat

Lors de la gravure du CD, vous veillerez à ce que les fichiers Start.bat et Autorun.inf soient situés à la racine du CD.