Recherche personnalisée
Définition des Tags « codes » HTML
Apprendre le html , JavaScript, PHP, CSS, et ASP ...
2009 Copyright all rights reserved
<area>
Area <area.....> utiliser pour créer un surface avec un lien dans une image
pour définir une partie de cette image.
Utiliser généralement comme image-map
Area <area.....> utiliser pour créer un surface avec un lien dans une image
pour définir une partie de cette image.
Utiliser généralement comme image-
Exemple du tag <area>
<html>
<head> <title> Le titre de votre document.</title> </head>
<body>
<img src ="http://www.scriptrus.com/maison.jpg" width="450" height="338" alt="Maison" usemap ="#maison" />
<map name="maison">
<area shape="rect" coords="85,120,82,126" href="porte.htm" alt="La porte" />
<area shape="circle" coords="90,58,3" href="fenetre.htm" alt="la fenetre" />
<area shape="rect" coords="35,55,58,8" href="toiture.htm" alt="la toiture" />
</map>
</body>
</html>
<head> <title> Le titre de votre document.</title> </head>
<body>
<img src ="http://www.scriptrus.com/maison.jpg" width="450" height="338" alt="Maison" usemap ="#maison" />
<map name="maison">
<area shape="rect" coords="85,120,82,126" href="porte.htm" alt="La porte" />
<area shape="circle" coords="90,58,3" href="fenetre.htm" alt="la fenetre" />
<area shape="rect" coords="35,55,58,8" href="toiture.htm" alt="la toiture" />
</map>
</body>
</html>
Voir l'exemple suivant en utilisant le code ci-dessus donc <area> code va créer une surface sur l’image en la cliquant se dirige vers un lien bien définit comme dans notre exemple le montre.
Voila un exemple real que vous pouvez l’essayer sur votre propre ordinateur. Par la suite remplacez nos lien par les votres. (Liens en rouge).
Copiez le code ci-doussous coller le dans un notepad (block note) texte document.
Enregistrez sous un nom bien précis comme ma maison.html (il faut ajouter toujours .html dans le notepad si non le fichier sera un texte document .txt)
Copiez le code ci-
<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<head>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<head>
<h1> -
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>
Insérer une image
Insérer SWF flash
Insérer media player
Inline frame Iframe
Insérer flv flash files
Insérer SWF flash
Insérer media player
Inline frame Iframe
Insérer flv flash files
HTML Elements
HTML Formatting
HTML Attributs
HTML Couleurs
HTML Liens
HTML Images
HTML Meta Tags
HTML Commentaire
HTML Forms
HTML Tables
HTML Image Carte
HTML Frames
HTML Entities
HTML Layouts
HTML Styles
HTML Scripts
HTML Templates
Website Hosting
HTML Formatting
HTML Attributs
HTML Couleurs
HTML Liens
HTML Images
HTML Meta Tags
HTML Commentaire
HTML Forms
HTML Tables
HTML Image Carte
HTML Frames
HTML Entities
HTML Layouts
HTML Styles
HTML Scripts
HTML Templates
Website Hosting