-
Notifications
You must be signed in to change notification settings - Fork 145
/
Copy pathindex.html
122 lines (121 loc) · 3.48 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
<!-- Forms and Tables in HTML-->
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="HTML - Personal Sit">
<meta name="author" content="b-tomi">
<title>HTML - Personal Site</title>
</head>
<body>
<!-- table>tr>td*2 -->
<!-- the cellspacing attribute is considered "deprecated", only using it because it's specifically a pure HTML project, no CSS -->
<table cellspacing="20">
<tr>
<td>
<img src="circle-cropped.png" alt="Photo of a beagle">
</td>
<td>
<h1>b-tomi</h1>
<p><em>Nap Aficionado</em></p>
<!-- generated by https://lipsum.com -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</td>
</tr>
</table>
<hr>
<h3>This is a list</h3>
<!-- ul>li*3 -->
<ul>
<li>Phasellus sit amet tortor blandit, venenatis felis vitae, tempor metus.</li>
<li>Sed malesuada urna ac convallis consectetur.</li>
<li>Vestibulum faucibus nibh eu facilisis interdum.</li>
</ul>
<hr>
<h3>This is an ordered list</h3>
<!-- ol>li*3 -->
<ol>
<li>Donec fermentum eros eget turpis consectetur venenatis.</li>
<li>In at justo bibendum, feugiat dolor vel, dignissim felis.</li>
<li>Morbi non lacus tempus enim vestibulum blandit.</li>
</ol>
<hr>
<h3>Some more Lorem ipsum</h3>
<!-- table>(tr>td*2)*3 -->
<!-- the border attribute is also deprecated -->
<table border="1">
<!-- tr>th*2 -->
<tr>
<th>date</th>
<th>text</th>
</tr>
<tr>
<td>1700-1799</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
</tr>
<tr>
<td>1800-1899</td>
<td>Vestibulum eleifend, turpis quis feugiat iaculis, magna elit euismod nisi, non mollis mi diam a lacus.</td>
</tr>
<tr>
<td>1800-1899</td>
<td>Vestibulum mattis mi et tortor aliquam.</td>
</tr>
</table>
<hr>
<h3>Table with stars</h3>
<!-- table>tr>td*2>table>(tr>td*2)*3 -->
<table border="1">
<tr>
<td>
<table cellspacing="10">
<tr>
<td>Here are some stars</td>
<td>✨✨✨✨✨</td>
</tr>
<tr>
<td>Here are some more stars</td>
<td>✨✨✨✨✨</td>
</tr>
<tr>
<td>And some more</td>
<td>✨✨✨✨</td>
</tr>
</table>
</td>
<td>
<table cellspacing="10">
<tr>
<td>And on the other side</td>
<td>✨✨✨✨</td>
</tr>
<tr>
<td>Some more</td>
<td>✨✨✨</td>
</tr>
<tr>
<td>A few final ones</td>
<td>✨✨✨</td>
</tr>
</table>
</td>
</tr>
</table>
<p>This is a <a href="https://github.com/b-tomi">link</a>.</p>
<hr>
<h3>HTML forms</h3>
<!-- really crude and requires more than just pure HTML for some functionality -->
<form action="index.html">
<label>Your name:</label>
<input type="text" name="yourName" value="some input"><br>
<label>Your email:</label>
<input type="email" name="yourEmail" value="more@input"><br>
<label>Your password:</label>
<input type="password" value="This is secret!"><br>
<label>This is a text area</label><br>
<textarea name="yourMessage" cols="60" rows="10" ></textarea><br>
<input type="submit" value="Submit">
</form>
</body>
</html>