Codice condiviso nella lezione 8 di 11 del corso "Scopri HTML e CSS, i fondamenti del web design" che puoi trovare qua: https://skillsandmore.org/corso/fondamenti-del-web-design/

1-semplice-immagine.html

<img src="percorso/immagine.jpg" alt="testo" width="200" height="100">

2-collegare-css.html

<link rel='stylesheet' href='css/style.css' type='text/css' media='all'>

3-includere-immagine-pagina.html

<div class="site-branding">

  <img src="img/logo.png" alt="Logo skillsAndMore" />
  
  <h1 class="site-title"><a href="#" rel="home">Lezione 8</a></h1>
 
  <h2 class="site-description">Immagini, le Protagoniste del Web</h2>

</div>

4-immagine-link.html

<div class="site-branding">

  <a href="http://skillsandmore.org"> <img src="img/logo.png" alt="Logo skillsAndMore" /> </a>

  <h1 class="site-title"><a href="#" rel="home">Lezione 8</a></h1>
  
  <h2 class="site-description">Immagini, le Protagoniste del Web</h2>

</div>

5-inserire-immagine.html

<img src="img/img_small.png">

6-inserire-immagine-css.html

<div class="site-branding">

  <h1 class="site-title"><a href="#" rel="home">Lezione 8</a></h1>

  <h2 class="site-description">Immagini, le Protagoniste del Web</h2>

</div>

7-inserire-immagine.css

h1{
    background: url(../img/logo.png) no-repeat center left;
}

8-proprieta-background.css

h1{
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center left;
}

9-impostazioni-background.css

h1{
    background: url(../img/logo.png) no-repeat center left;
    height: 117px;
    padding-left: 195px;
    line-height: 117px;
}