@4pip/

Online Afbeeldingen toevoegen

HTML, CSS, JS

Online Afbeeldingen toevoegen in HTML

fork
loading
Files
  • index.html
  • aluminiumfolie.jpg
  • script.js
  • style.css
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<style>
  h1{font-family:Arial;}
  body{background-image:url("aluminiumfolie.jpg");}
  img{margin:10px;height:160px;
      border:white solid 10px}
</style>
<h1>Microbit</h1>
<a href="https://images-na.ssl-images-amazon.com/images/I/71lgZiSCCmL._SL1500_.jpg">
  <img src="https://images-na.ssl-images-amazon.com/images/I/71lgZiSCCmL._SL1500_.jpg">
</a>

<a href="https://encrypted-tbn1.gstatic.com/shopping?q=tbn:ANd9GcRIN-lQFEhLggpq8Ca9Gx79Kw8stfWQCXjCGKa46D_5qNgGL_uu8_Sh71QHQ1c8MbRUfeaRhCVM95V40-kfyZVERDtbR6OyTKfM2mIo5pkmTXRSf81D0Wew&usqp=CAc">
  <img src="https://encrypted-tbn1.gstatic.com/shopping?q=tbn:ANd9GcRIN-lQFEhLggpq8Ca9Gx79Kw8stfWQCXjCGKa46D_5qNgGL_uu8_Sh71QHQ1c8MbRUfeaRhCVM95V40-kfyZVERDtbR6OyTKfM2mIo5pkmTXRSf81D0Wew&usqp=CAc">
</a>

<a href="https://cdn.arstechnica.net/wp-content/uploads/2015/07/microbit-640x360.jpg">
  <img src="https://cdn.arstechnica.net/wp-content/uploads/2015/07/microbit-640x360.jpg">
</a>

<a href="https://cdn.shopify.com/s/files/1/0271/0223/products/IMG_1812a_1024x1024.jpg?v=1515752839">
  <img src="https://cdn.shopify.com/s/files/1/0271/0223/products/IMG_1812a_1024x1024.jpg?v=1515752839">
</a>

<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGvLXUiCLFPgZVBaiC5YeNxPZbgtAGdbDKJUxj6Ks6TS02iKl_hQ">
  <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGvLXUiCLFPgZVBaiC5YeNxPZbgtAGdbDKJUxj6Ks6TS02iKl_hQ">
</a>


<a href="https://www.rtlnieuws.nl/sites/default/files/styles/liggend/public/content/images/2017/09/30/iimicrobit.jpg?itok=IpiytJE2">
  <img src="https://www.rtlnieuws.nl/sites/default/files/styles/liggend/public/content/images/2017/09/30/iimicrobit.jpg?itok=IpiytJE2">
</a>

<a href="https://cdn.shopify.com/s/files/1/0271/0223/products/BitBot_for_labelA_1024x1024.jpg?v=1506253663">
  <img src="https://cdn.shopify.com/s/files/1/0271/0223/products/BitBot_for_labelA_1024x1024.jpg?v=1506253663">
</a>

</html>
result
console