Recherche personnalisée
Définition des Tags « codes » HTML
Apprendre le html , JavaScript, PHP, CSS, et ASP ...
2009 Copyright all rights reserved
Comment ajouter une image dans une page:
Pour vous donner une idée plus générale du tag html <img>, dans l’exemple suivant nous allons ajoute une image dans une page web. Il suffit de placer le code ci-dessous entre les tag <body> </body> dans l’éditeur html (notepad par exemple) la photo sera affichée dans le coins hauts a droite par défaut. (utilisez <div> pour la placer dans une place désirée).
Pour vous donner une idée plus générale du tag html <img>, dans l’exemple suivant nous allons ajoute une image dans une page web. Il suffit de placer le code ci-
<img src="images/image.jpg" width="300" height="200" alt="Image1" border="1">
<html>
<head><title>Ma page d'accueil</title></head>
<body>
<img src="http://www.monsite.com/image.jpg" width="300" height="200"
alt="Image1" border="1">
</body>
</html>
<head><title>Ma page d'accueil</title></head>
<body>
<img src="http://www.monsite.com/image.jpg" width="300" height="200"
alt="Image1" border="1">
</body>
</html>
Pour ajouter une autre image il suffit de copier le code <img scr....>etc.. et changez le lien de votre image (image.jpg) la deuxième image affichera juste aprés la première image Un alignement sera nécessaire, sera expliquer dans les pages suivante.
Remarque: Couleurs et soulignement qui apparaissent sur les exemples ci-dessus sont destinés à aider la lecture, dans le notepad (source) seront noir et pas de soulignement.
Remarque: Couleurs et soulignement qui apparaissent sur les exemples ci-
<img ......> Permet d'afficher une image dans la page.
Src La source ou se trouve l'image.
Width = "200" Largeur de l'image = 200 px (pixels) pour contrôler la largeur de l'image
Height = "300" Hauteur de l'image = 300 px (pixels) pour contrôler la hauteur de l'image
alt ="image1” Recoit un texte. Ce texte sera comme alternatif pour l'image.
border="1"
Src La source ou se trouve l'image.
Width = "200" Largeur de l'image = 200 px (pixels) pour contrôler la largeur de l'image
Height = "300" Hauteur de l'image = 300 px (pixels) pour contrôler la hauteur de l'image
alt ="image1” Recoit un texte. Ce texte sera comme alternatif pour l'image.
border="1"
<img>
Le tag <img.....> est utilisé pour afficher une image sur le navigateur
L’exemple ci-dessous nous montre comment utiliser le width, height, alt et border attributs
Le tag <img.....> est utilisé pour afficher une image sur le navigateur
L’exemple 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