:
Images sur le site WEB
.
.
.
image.html
.
| 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" > ACCUEIL </a> </li> <li> <a href = "tableau.html#" class = "btn3" > Tableau </a> </li> <li> <a href = "javascript.html" class = "btn3" > Javascript </a> </li> <li> <a href = "css.html" class = "btn3" > CSS </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> |