Aller au contenu

Simplifier code HTML


Messages recommandés

Salut!

 

J'aimerais simplifier cette page web, en effet pour chaque photos j'ai ajouté un style qui modifie la photo, étant donné que ça fait bcp de photos, comment puis je éviter de rajouter à chaque fois le style?

 

THX

 

Code:

<html>

<head>
<HTML><HEAD><title>Photos 800 temp</title>
<META http-equiv=content-type content="text/html; charset=utf-8">
<META http-equiv=Content-Language content=fr>
<META content=julien.bellengier@laposte.net name=reply-to>
<META content=Internet name=category>
<META content=all name=robots>
<META content="30 days" name=revisit-after>
<META content="BEBEL Copyright" name=copyright>
<META content=http:/eauxvivesslb.free.fr name=identifier-url>
<META content="Bebel" name=author>
<META content="Site officiel de la Base Nautique de Saint Laurent Blangy, raft, kayak, canoe, vtt" name=description>
<META content="eaux vives, kayak, canoe, stade, Saint Laurent Blangy, raft, sport, nautisme, nautique, pas de calais, canoë,france, France, hydrospeed, nage en eau vive, raid, vtt" name=keywords>


<script LANGUAGE="JavaScript1.2">
function makevisible(cur,which){
if (which==0) cur.filters.alpha.opacity=100
else cur.filters.alpha.opacity=40 }
</SCRIPT>

</head>

<body>
<p align="center">
<a target="_blank" href="photos/photo/général/k001a.jpg"><img border="1" src="photos/photo/général/k001a_small.jpg" xthumbnail-orig-image="photos/photo/général/k001a.jpg" width="100" height="75" BORDER=0 
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/K007a.jpg"><img border="1" src="photos/photo/général/K007a_small.jpg" xthumbnail-orig-image="photos/photo/général/K007a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/K010a.jpg"><img border="1" src="photos/photo/général/K010a_small.jpg" xthumbnail-orig-image="photos/photo/général/K010a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/K012a.jpg"><img border="1" src="photos/photo/général/K012a_small.jpg" xthumbnail-orig-image="photos/photo/général/K012a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/K014a.jpg"><img border="1" src="photos/photo/général/K014a_small.jpg" xthumbnail-orig-image="photos/photo/général/K014a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/k026a.jpg"><img border="1" src="photos/photo/général/k026a_small.jpg" xthumbnail-orig-image="photos/photo/général/k026a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/K016a.jpg"><img border="1" src="photos/photo/général/K016a_small.jpg" xthumbnail-orig-image="photos/photo/général/K016a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/k066a.jpg"><img border="1" src="photos/photo/général/K066a_small.jpg" xthumbnail-orig-image="photos/photo/général/K066a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/k077a.jpg"><img border="1" src="photos/photo/général/k077a_small.jpg" xthumbnail-orig-image="photos/photo/général/K077a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/k028a.jpg"><img border="1" src="photos/photo/général/k028a_small.jpg" xthumbnail-orig-image="photos/photo/général/k028a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/k037a.jpg"><img border="1" src="photos/photo/général/k037a_small.jpg" xthumbnail-orig-image="photos/photo/général/k037a.jpg" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSC04800.JPG"><img border="1" src="photos/photo/général/DSC04800_small.JPG" xthumbnail-orig-image="photos/photo/général/DSC04800.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSC04824.JPG"><img border="1" src="photos/photo/général/DSC04824_small.JPG" xthumbnail-orig-image="photos/photo/général/DSC04824.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSC04903.JPG"><img border="1" src="photos/photo/général/DSC04903_small.JPG" xthumbnail-orig-image="photos/photo/général/DSC04903.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/IMG_0372.JPG"><img border="1" src="photos/photo/général/IMG_0372_small.JPG" xthumbnail-orig-image="photos/photo/général/IMG_0372.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSC05012.JPG"><img border="1" src="photos/photo/général/DSC05012_small.JPG" xthumbnail-orig-image="photos/photo/général/DSC05012.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSC04943.JPG"><img border="1" src="photos/photo/général/DSC04943_small.JPG" xthumbnail-orig-image="photos/photo/général/DSC04943.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSC05045.JPG"><img border="1" src="photos/photo/général/DSC05045_small.JPG" xthumbnail-orig-image="photos/photo/général/DSC05045.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSCF0009.JPG"><img border="1" src="photos/photo/général/DSCF0009_small.JPG" xthumbnail-orig-image="photos/photo/général/DSCF0009a.JPG" width="100" height="75"
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a>
<a target="_blank" href="photos/photo/général/DSCF0015.JPG"><img border="1" src="photos/photo/général/DSCF0015_small.JPG" xthumbnail-orig-image="photos/photo/général/DSCF0015a.JPG" width="100" height="75" BORDER=0
style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a></p>


</body>

</html>

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...