commit
d5b463b122
2 changed files with 91 additions and 0 deletions
+ 48
- 0
01-html-css-intro/opdracht.html
View File
| @@ -0,0 +1,48 @@ | |||
| <!doctype HTML> | |||
| <html> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <title>HTML/CSS - 001: Opdrachts</title> | |||
| <link rel="stylesheet" href="style2.css";> | |||
| </head> | |||
| <body> | |||
| <h1>title</h1> | |||
| <p> | |||
| Tekst | |||
| </p> | |||
| <div class="groen"> | |||
| <ul class="bol"> | |||
| <li>item1</li> | |||
| <li>item2</li> | |||
| <li>item3</li> | |||
| <li>item4</li> | |||
| <li>item5</li> | |||
| </ul> | |||
| </div> | |||
| <div class="geel"> | |||
| <ul class="cijfer"> | |||
| <li>item1</li> | |||
| <li>item2</li> | |||
| <li>item3</li> | |||
| <li>item4</li> | |||
| <li>item5</li> | |||
| </ul> | |||
| </div> | |||
| <div class="afbeelding"> | |||
| <img src="download.jpg" alt="" > | |||
| </div> | |||
| </body> | |||
| </html> | |||
+ 43
- 0
01-html-css-intro/style2.css
View File
| @@ -0,0 +1,43 @@ | |||
| H1 { | |||
| color: white; | |||
| text-align: center; | |||
| background-color: red; | |||
| } | |||
| p { | |||
| font-size: 20px; | |||
| } | |||
| div.groen { | |||
| background-color: green; | |||
| height: 100px; | |||
| width: 30%; | |||
| font-size: 15px; | |||
| border-style: solid; | |||
| margin-bottom: 15px; | |||
| } | |||
| div.geel { | |||
| background-color: yellow; | |||
| height: 100px; | |||
| width: 50%; | |||
| font-size: 15px; | |||
| border-style: dotted; | |||
| margin-bottom: 15px; | |||
| } | |||
| div.afbeelding { | |||
| background-color: red; | |||
| height: 50px; | |||
| width: 70%; | |||
| } | |||
| div.afbeelding img { | |||
| width : 100%; | |||
| border-style: solid; | |||
| } | |||
| ul.bol { | |||
| list-style-type: decimal; | |||
| } | |||
Loading…