-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomework_week3.unknown
86 lines (68 loc) · 2.92 KB
/
homework_week3.unknown
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
<!DOCTYPE html>
<html lang="en">
<head>
<!--(HW3 Answer 2)Explore the concept of Meta Information (author,description,generator,keywords) in HTML5 and use it in practice. <meta name="application-name" content="OpenStreetMap" Give examples of the application of these input types.-->
<meta charset="UTF-8">
<meta name="author" content="John Doe">
<meta name="description" content="This is a sample web page.">
<meta name="generator" content="OpenAI">
<meta name="keywords" content="HTML, CSS, JavaScript">
<title>My Web Page</title>
<meta chatset="utf-8">
</head>
<body>
<!--HW2 Remember:You have an assignment to work on the contents of Images, Images Maps and Color in HTML5. Give examples of the application of these topics-->
<!--Images-->
<img src="image.jpg" alt="Description of the image">
<!--Image Maps-->
<img src="image.jpg" alt="Description of the image" usemap="#myMap">
<map name="myMap">
<area shape="circle" coords="100,100,50" href="page1.html" alt="Link 1">
<area shape="rect" coords="200,200,300,300" href="page2.html" alt="Link 2">
</map>
<!--Color-->
<div style="background-color: blue; color: white;">
This is a div with a blue background and white text.
</div>
<!--(HW3 Answer 1)Use all input types in HTML5. Hidden,Tel,Email,Number,Range,Search,Image,Week,Url,DateTime-Local,Month,Time-->
<form>
<label for="hiddenInput">Hidden:</label>
<input type="hidden" id="hiddenInput" name="hiddenInput" value="hidden value">
<br>
<label for="telInput">Tel:</label>
<input type="tel" id="telInput" name="telInput">
<br>
<label for="emailInput">Email:</label>
<input type="email" id="emailInput" name="emailInput">
<br>
<label for="numberInput">Number:</label>
<input type="number" id="numberInput" name="numberInput">
<br>
<label for="rangeInput">Range:</label>
<input type="range" id="rangeInput" name="rangeInput">
<br>
<label for="searchInput">Search:</label>
<input type="search" id="searchInput" name="searchInput">
<br>
<label for="imageInput">Image:</label>
<input type="image" src="image.jpg" alt="Submit">
<br>
<label for="weekInput">Week:</label>
<input type="week" id="weekInput" name="weekInput">
<br>
<label for="urlInput">URL:</label>
<input type="url" id="urlInput" name="urlInput">
<br>
<label for="datetimeLocalInput">DateTime-Local:</label>
<input type="datetime-local" id="datetimeLocalInput" name="datetimeLocalInput">
<br>
<label for="monthInput">Month:</label>
<input type="month" id="monthInput" name="monthInput">
<br>
<label for="timeInput">Time:</label>
<input type="time" id="timeInput" name="timeInput">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>