-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
134 lines (104 loc) · 2.4 KB
/
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<!--
TO DO LIST:
2016-09-12
1. Tabel met opmaak, colspan of rowspan, bordercollapse en border-spacing
2. Sematiek, ook echt tabel data bevatten
3. Lijst met sublijsten
4. Lijst fictiefe contactgegevens
5. definitie lijst dl
6. Uitklap menu hz vt
-->
<head>
<meta charset="utf-8" />
<meta name="description" content="Testsite Webmarkup">
<meta name="keywords" content="HTML, CSS, Web, Markup, School, Inholland">
<meta name="author" content="Espen Lindhout">
<link rel="stylesheet" type="text/css" href="css/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-height, initial-scale=1.0">
<title>Oefenpagina</title>
</head>
<body>
<header>
<h1 id="headerh1">Oefenpagina HTML/CSS3.</h1>
<img
src="img/header.png"
title="HTML5 / CSS3 logo"
alt="Logo van HTML5 en CSS3 door W3C"
id="headerimg"
/>
</header>
<nav>
<button class="c-hamburger c-hamburger--rot">
<span>toggle menu</span>
</button>
<ul id="lijst">
<li>
<a href="index.html">Home.</a>
</li>
<li>
<a href="html.html">Informatie HTML5.</a>
</li>
<li>
<a href="html.html">Informatie CSS3.</a>
</li>
<li>
<a href="html.html">About page.</a>
</li>
</ul>
<h1 id="h1hover">Menu</h1>
</nav>
<main>
<h3>Alles uit les 1</h3>
<p>
meta, title, p, em, strong, img, src, h1, h2 , a en href.
</p>
<p>
<strong>
This text is strong.
</strong>
</p>
<em>Emphasized text</em>
<table>
<thead>
<tr>
<th colspan="4">Vroeger</th>
<th>Huidig</th>
</tr>
</thead>
<tr class="tr1">
<td>1995</td>
<td>1997</td>
<td>1998</td>
<td>1999</td>
<td>2014</td>
</tr>
<tr class="tr1">
<td>HTML 2.0</td>
<td>HTML 3.2</td>
<td>HTML 4.0</td>
<td>HTML 4.01</td>
<td>HTML5</td>
</tr>
</table>
<article class="flexbox">
<section></section>
<section></section>
<section></section>
</article>
<aside id="links">
<a href="http://www.w3schools.com/html/html_links.asp" target="_blank">w3schools html links</a>
<a href="https://en.wikipedia.org/wiki/main_page" target="_blank">wikipedia</a>
<a href="https://en.wikipedia.org/wiki/html5" target="_blank">wikipedia: html5 pagina</a>
</aside>
<img
src="img/html5.png"
title="HTML5 logo"
alt="Logo van HTML5 door W3C"
id="html5img"
/>
</main>
</body>
</html>