image: <img src alt title >

  1. erste zeile
  2. image mit img src image i01green.jpg title kommt wenn man mit cursor drüber fährt
  3. image mit img src wenn image i02fehlt.jpg nicht angezeigt werden kann, kommt alt text
  4. figure mit image kann auch einen untertitel mit figcaption einfügen
    image i01green.jpg
    Untertitel für i01green.jpg image kann auch länger sein, oder nicht
    und weiter
  5. height und width beschleunigen LadeZeit der Page, aber besser im CSS angeben
  6. align wurde aus html5 entfernt und ins CSS geschoben

Source /home/ch45859/web/wlkl.ch/public_html/inf/css/h05image.php 

<html>
 <head>
  <title> <?php echo basename(__file__, '.php'); ?> </title>
 </head>
 <body>
<h1>image: &lt;img src alt title &gt;</h1>
<ol>
<li> erste zeile
<li> image mit img src <img src="i01green.jpg" alt="image i01green.jpg" title="title of i01green.jpg"> title kommt wenn man mit cursor drüber fährt</li>
<li> image mit img src <img src="i02fehlt.jpg" alt="wenn image i02fehlt.jpg nicht angezeigt werden kann, kommt alt text" title="title of i02fehlt.jpg"></li>
<li> figure mit image kann auch einen untertitel mit figcaption einfügen     <figure> <img src="i01green.jpg" alt="image i01green.jpg" title="title of i01green.jpg"> 
    <figcaption>Untertitel für <em>i01green.jpg</em> image kann auch länger sein, oder nicht</figcaption>
    </figure> und weiter</li>
<li> height und width beschleunigen LadeZeit der Page, aber besser im CSS angeben 
<li> align wurde aus html5 entfernt und ins CSS geschoben
</ol>

 <h1>Source <?php echo __file__; ?> </h1>
<?php highlight_file(__file__) ?>
 </body>
</html>