@4pip/

Eerste Basis HTML

HTML, CSS, JS

Eerste basis HTML

fork
loading
Files
  • index.html
  • 4PIP.png
  • kat1.jpg
  • kat2.jpg
  • kat3.jpg
  • kat4.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
39
40
41
42
43
44
45
46
47
48
49
<htlm>
<style>
  img{border:5px solid blue; margin:8px; height:90px;}
  body{background-color:grey;}
</style>    
  <p> Welkom op deze test van HTLM!</p>

<h1> Mijn agenda </h1>
<h3> Maandag </h3>
<p> Bibliotheek </p>
<p> Tennis </p>
<h3> Dinsdag </h3>
<p> Pianoles </p>
<p> Logeren </p>


<h2>Ik nodig uit: </h2>
<p style = "color:red;"> Red </p>
<p style = "color:green;"> Groen </p>
<p style = "color:blue;"> Blauw </p>
<p style = "color:darkblue;"> Donkerblauw </p>
<p style = "color:pink;"> Roze</p>
<p style = "color:yellow;"> Geel </p>
<p style = "color:lightgreen;"> Lichtgroen </p>
<p style = "color:purple;"> Paars</p>

<h2>Ik nodig uit: </h2>
<p style = "color:#FF0000"> Rood </p>
<p style = "color:#00FF00"> Groen</p>
<p style = "color:#0000FF;">Blauw </p>
<p style = "color:#800080;">Donker Paars </p>
<p style = "color:#FFFFFF;">Wit</p>
<p style = "color:#000000;">Zwart </p>
<p style = "color:#FFFF00;">Geel </p>

<img src="kat1.jpg">
<img src="kat2.jpg">
<img src="kat3.jpg">
<img src="kat4.jpg">

<h1>Mijn Links </h1>
<a href="https://4pip.nl">4PIP</a>
<br>
<a href="https://nos.nl">NOS</a>
<br>
<a href="https://4pip.nl/">
<img src="4PIP.png">
</a>
</html>
result
console