simpel html ding met toch een beetje css

voor jou

by Tobias Beuving

HTML

<html>

  <head>
    <title>Asta leert alles</title>
  </head>

  <body>
    <b>lekker bold omdat het kan, en dik nou</b>
    <i>cursief haha, lekker schuin haha</i>
    <p class="dezeKlasje">
      dit is in een paragraafje, met &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      een plaatje.<br/>
      <img width="25%" src="http://astakat.com/wp-content/uploads/2016/09/self-web.jpeg">
    </p>
    <p>
    a;lsdkjflaskjdfaf
    </p>
    
    <p id="dezeParagraafje" class="dezeKlasje dieKlasje deMoetKlasje deNogMeerMoetKlasje">
      dit is in zijn eigen paragraafje
    </p>
    <p>
      Als je veel <i>eet</i> wordt je <b>vet</b>
    </p>
    sjdfjdkasfjlas
  </body>

</html>

CSS

body {
  background-color: red;
}

/*
img {
  width: 50%;
}*/

p {
  background-color: green;
}

#dezeParagraafje {
  background-color: purple;
}
.dezeKlasje {
  font-size: 20px;
}
.dieKlasje {
  font-style: oblique;
}
.deMoetKlasje {
  background-color: pink !important;
}

.deNogMeerMoetKlasje {
  background-color: black !important;
}