-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (137 loc) · 6.2 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
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Every element is an html.</title>
<script src="scripts.js" defer></script>
<style>
* { cursor: pointer; }
.current { border: 1px solid red; }
</style>
</head>
<body>
<!-- hey! click on anything to make everything on the page that element. -->
<!-- the red outline shows which element that everything currently is. -->
<!-- every element is intended to start as an html tag, but due to parsing constraints, they're initially written as p and changed with js. -->
<!-- elements that don't display any content are commented out -->
<!-- for more info about this check out -->
<!-- https://kayserifserif/work/every-element-is-an-html/ -->
<!-- https://www.tutorialrepublic.com/html-reference/html5-tags.php -->
<!-- https://www.w3schools.com/cssref/css_default_values.asp -->
<p id="a">Every element is an a.</p>
<p id="abbr">Every element is an abbr.</p>
<p id="address">Every element is an address.</p>
<!-- <p id="area">Every element is an area.</p> -->
<p id="article">Every element is an article.</p>
<p id="aside">Every element is an aside.</p>
<!-- <p id="audio">Every element is an audio.</p> -->
<p id="b">Every element is a b.</p>
<!-- <p id="base">Every element is a base.</p> -->
<p id="bdi">Every element is a bdi.</p>
<p id="bdo">Every element is a bdo.</p>
<p id="blockquote">Every element is a blockquote.</p>
<p id="body">Every element is a body.</p>
<!-- <p id="br">Every element is a br.</p> -->
<p id="button">Every element is a button.</p>
<p id="canvas">Every element is a canvas.</p>
<p id="caption">Every element is a caption.</p>
<p id="cite">Every element is a cite.</p>
<p id="code">Every element is a code.</p>
<!-- <p id="col">Every element is a col.</p> -->
<!-- <p id="colgroup">Every element is a colgroup.</p> -->
<p id="data">Every element is a data.</p>
<!-- <p id="datalist">Every element is a datalist.</p> -->
<p id="dd">Every element is a dd.</p>
<p id="del">Every element is a del.</p>
<p id="details">Every element is a details.</p>
<p id="dfn">Every element is a dfn.</p>
<!-- <p id="dialog">Every element is a dialog.</p> -->
<p id="div">Every element is a div.</p>
<p id="dl">Every element is a dl.</p>
<p id="dt">Every element is a dt.</p>
<p id="em">Every element is an em.</p>
<p id="embed">Every element is an embed.</p>
<p id="fieldset">Every element is a fieldset.</p>
<p id="figcaption">Every element is a figcaption.</p>
<p id="figure">Every element is a figure.</p>
<p id="footer">Every element is a footer.</p>
<p id="form">Every element is a form.</p>
<!-- <p id="head">Every element is a head.</p> -->
<p id="header">Every element is a header.</p>
<p id="hgroup">Every element is an hgroup.</p>
<p id="h1">Every element is an h1.</p>
<p id="h2">Every element is an h2.</p>
<p id="h3">Every element is an h3.</p>
<p id="h4">Every element is an h4.</p>
<p id="h5">Every element is an h5.</p>
<p id="h6">Every element is an h6.</p>
<!-- <p id="hr">Every element is a hr.</p> -->
<p id="html">Every element is an html.</p>
<p id="i">Every element is an i.</p>
<p id="iframe">Every element is an iframe.</p>
<!-- <p id="img">Every element is an img.</p> -->
<p id="input">Every element is an input.</p>
<p id="ins">Every element is an ins.</p>
<p id="kbd">Every element is a kbd.</p>
<p id="keygen">Every element is a keygen.</p>
<p id="label">Every element is a label.</p>
<p id="legend">Every element is a legend.</p>
<p id="li">Every element is an li.</p>
<!-- <p id="link">Every element is a link.</p> -->
<p id="main">Every element is a main.</p>
<p id="map">Every element is a map.</p>
<p id="mark">Every element is a mark.</p>
<p id="menu">Every element is a menu.</p>
<p id="menuitem">Every element is a menuitem.</p>
<!-- <p id="meta">Every element is a meta.</p> -->
<p id="meter">Every element is a meter.</p>
<p id="nav">Every element is a nav.</p>
<!-- <p id="noscript">Every element is a noscript.</p> -->
<!-- <p id="object">Every element is a object.</p> -->
<p id="ol">Every element is an ol.</p>
<!-- <p id="optgroup">Every element is an optgroup.</p> -->
<p id="option">Every element is an option.</p>
<p id="output">Every element is an output.</p>
<p id="p">Every element is a p.</p>
<!-- <p id="param">Every element is a param.</p> -->
<p id="picture">Every element is a picture.</p>
<p id="pre">Every element is a pre.</p>
<p id="progress">Every element is a progress.</p>
<p id="q">Every element is a q.</p>
<!-- <p id="rp">Every element is an rp.</p> -->
<p id="rt">Every element is an rt.</p>
<p id="ruby">Every element is a ruby.</p>
<p id="s">Every element is an s.</p>
<p id="samp">Every element is a samp.</p>
<!-- <p id="script">Every element is a script.</p> -->
<p id="section">Every element is a section.</p>
<p id="select">Every element is a select.</p>
<p id="small">Every element is a small.</p>
<p id="source">Every element is a source.</p>
<p id="span">Every element is a span.</p>
<p id="strong">Every element is a strong.</p>
<!-- <p id="style">Every element is a style.</p> -->
<p id="sub">Every element is a sub.</p>
<p id="summary">Every element is a summary.</p>
<p id="sup">Every element is a sup.</p>
<p id="svg">Every element is an svg.</p>
<p id="table">Every element is a table.</p>
<!-- <p id="tbody">Every element is a tbody.</p> -->
<p id="td">Every element is a td.</p>
<!-- <p id="template">Every element is a template.</p> -->
<p id="textarea">Every element is a textarea.</p>
<!-- <p id="tfoot">Every element is a tfoot.</p> -->
<p id="th">Every element is a th.</p>
<!-- <p id="thead">Every element is a thead.</p> -->
<p id="time">Every element is a time.</p>
<!-- <p id="title">Every element is a title.</p> -->
<!-- <p id="tr">Every element is a tr.</p> -->
<p id="track">Every element is a track.</p>
<p id="u">Every element is a u.</p>
<p id="ul">Every element is a ul.</p>
<p id="var">Every element is a var.</p>
<!-- <p id="video">Every element is a video.</p> -->
<!-- <p id="wbr">Every element is a wbr.</p> -->
</body>
</html>