-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (123 loc) · 4.13 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<title>This this my first html file</title>
<meta name="author" content="Dean Zhao">
<link rel="icon" type="image/x-icon" href="meme.jpg">
</head>
<main>
<p>Here is the meeting Note for fiction and college life </p>
<nav> <a href="https://www.w3schools.com/html/html_favicon.asp">HTML support</a> </nav>
</main>
<header>
<h1>The fiction </h1>
<h2>Scientific fiction</h2>
<h3>Meeting date</h3>
</header>
<h3> Attendence list</h3>
<ul>
<li>member1</li>
<li>member2</li>
<li>member3</li>
</ul>
<h3> agenda to be covered</h3>
<ol>
<li>First event</li>
<li>Second event</li>
<li>Third event</li>
</ol>
<h3> unfinished business</h3>
<ol>
<li>Name of book</li>
<li>Author name</li>
</ol>
<h3> New business</h3>
<ol>
<li>First: Topic</li>
<li>Second: content of book</li>
<li>Third: The pulication date</li>
</ol>
<section>
<h1>Introduction and meeting summary</h1>
<p>The three Body Problem (Chinese: 三体; lit. 'Three-Body') is a
science fiction novel <em>written by the Chinese writer Liu Cixin</em>.
The title refers to the three-body problem in <b class="term">orbital mechanics</b>.
It is the first novel of the <i>Remembrance</i> of Earth's Past (Chinese: 地球往事) trilogy,
but the <strong>whole series is normally referred to as The Three-Body Problem</strong>.
[1] The trilogy's second and third novels are The Dark Forest and Death's End respectively</p>
<a href=https://en.wikipedia.org/wiki/The_Three-Body_Problem_(novel)>Wiki Website of the book</a>
</section>
<div>
<p> Life sucks</p>
</div>
<hr>
<h1> Meeting video</h1>
<video controls width="250">
<source src="meeting.mp4"
type="video/webm">
</video>
<figure>
<figcaption>Listen to the meeting audio:</figcaption>
<audio
controls
src="audio.m4a">
</audio>
</figure>
<p> Here are some of the personal information <br>
Name: Dean Zhao <br>
Age: 8 <br>
hobby: Chinese kong fu <br>
sb大学不想读了 <br>
</p>
<img src="Three.jpg" alt="about fiction">
<footer>
<p>Authur: Cixin Liu</p>
</footer>
<details> <summary> I love college life; it's so perfect.</summary> </details>
<form action="choose-book" method="get" class="favourite-book">
<div class="favourite-book">
<label for="name">Enter your favourite book: </label>
<input type="text" name="name" id="name" required>
</div>
<div class="favourite-book">
<input type="submit" value="Subscribe!">
</div>
<fieldset>
<legend>Choose your favorite college</legend>
<input type="radio" id="UCSD" name="college" value="U">
<label for="UCSD">UCSD</label><br>
<input type="radio" id="sasquatch" name="college" value="D">
<label for="UCSD">UCSD</label><br>
</fieldset>
<p><label for="attitude-college">Choose your attitude toward college life:</label></p>
<select name="attitudes" id="attitude-college">
<option value="">--Please choose an option--</option>
<option value="bad">BAD</option>
<option value="very bad">HORRIABLE</option>
</select>
<fieldset>
<legend>Which is your first year in ucsd?</legend>
<input type="date" id="SD" name="college" value="2019-09-01">
<label for="UCSD">Date</label><br>
</fieldset><br>
<fieldset>
<legend>Which is your favourite restaurant in ucsd?</legend>
<input type="checkbox" id="restaurant" name="college" value="Y">
<label for="UCSD">Burgur King</label><br>
</fieldset>
<P><label for="COMMENT"> why you like ucsd?:</label></P>
<textarea id="COMMENT" name="COMMENT" rows="4" cols="50">
</textarea>
<p><label for="ice-cream-choice">Choose a icecream flavor:</label></p>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice">
<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Mint">
</datalist>
<br>
<button class="favorite styled"
type="button">
The end
</button>
</form>