Images sur le site WEB

.

image.html

.

html video background by EasyHtml5Video.com v4.0
code de image.html

<! DOCTYPE html >

<html xmlns = " http://www.w3.org/1999/xhtml " lang = "fr" >

<head>

<head>

<meta http-equipv= "content-Type" content = "text/html" charset = "UTF-8" >

<title> Education Numérique </title>

<link href = "style1.css" rel = "stylesheet" media = "screen" >

<link href = "style2.css" rel = "stylesheet" media = "screen" >

<link href = "menu1.css" rel = "stylesheet" media = "screen" >

</head>

<body >

<h3 style = "text-align: center;color:#F1F2F6 ;background:#004C8C" >

<span style = "font-size:35px;" > IMAGES </span>

</h3>

<h2 style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:25px;" > . </span>

</h2>

<div id = "menu1" >

<ul>

<li>

<a href = "index.html"   class = "btna" > &nbsp; ACCUEIL &nbsp; </a>

</li>

<li>

<a href = "tableau.html#" class = "btn3" > &nbsp; Tableau &nbsp; </a>

</li>

<li>

<a href = "javascript.html" class = "btn3" > Javascript </a>

</li>

<li>

<a href = "css.html" class = "btn3" > &nbsp; &nbsp; &nbsp; CSS &nbsp; &nbsp; &nbsp; </a>

</li>

</ul>

</div>

<div style = "background-color:#E8E8CC" >

<table border = "1" class = "bordered" width = "100%" >

<colgroup>

<col width = "100%" />

</colgroup>

<thead>

<tr class = "row-odd" >

</th>

<th class = "head" > Description de l'application </th>

</th>

</tr>

</thead>

<tbody valign = "top" >

<tr class = "row-odd" >

</td>

<td class = "linenodiv" >

<strong>

<p> image est formé par le fichier style3.css </p>

<p> Les figures du premier site sont contenues dans un tableau </p>

<p> Un tableau peut avoir plusiuers lignes et plusieurs colonnes </p>

<p> Le code de image.html et style2.css peuvent être copier </p>

<p> Il y a trois fichiers css  pour cette page html : menu1.css,style1.css et style2.css </p>

<p> il faut télécharger les images qui sont proposées </p>

</strong>

</td>

</tr>

</tbody>

</table>

</div>

<h2 style = "text-align: center;color:#FFFFFF ;background:#FFFFF" >

<span style = "font-size:25px;" > . </span>

</h2>

<div style = "background-color:#E8E8CC" >

<table border = "1" class = "bordered" width = "100%" >

<colgroup>

<col width = "auto" />

</colgroup>

<thead>

<tr class = "row-odd" >

</th>

<th class = "head" > les images puis le code </th>

</th>

</tr>

</thead>

<tbody valign = "top" >

<tr class = "row-odd" >

</td>

<td class = "linenodiv" >

<strong> 20 % de largeur

<div id = "boite20" >

<img alt = "images/fond01.png" src = "images/fond01.png" />

</div>

</strong>

</td>

</tr>

<td class = "linenodiv" >

<strong> 50 % de largeur

<div id = "boite50" >

<img alt = "images/fond02.png" class = "first last" src = "images/fond02.png" />

</div>

</strong>

</td>

</tr>

</tbody>

</table>

</div>

</body>

</html>