-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (95 loc) · 6.6 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
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>202409070908</title>
<link rel="stylesheet" href="styles.css">
<body>
<i class="fa-solid fa-house"></i>
<i class="fa-brands fa-facebook"></i>
<p>
20240908
</p>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<center>
<iframe width="420" height="345" src="https://www.youtube.com/embed/YsKKuCUYUMU">
</iframe>
<iframe width="420" height="345" src="https://www.youtube.com/embed/YsKKuCUYUMU?autoplay=1&mute=0">
</iframe>
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
<h1>HTML Emoji Example</h1>
<h2>🗻</h2>
<p>This is a ikea<a href=" https://www.ikea.com.tw/zh">link</a>.</p> <p>This is a ikea<a href=" https://www.ikea.com.tw/zh">link</a>.</p> <p>This is a ikea<a href=" https://www.ikea.com.tw/zh">link</a>.</p> <br>
</center>
<p>This is a ikea<a href=" https://www.ikea.com.tw/zh">link</a>.</p> <p>This is a ikea<a href=" https://www.ikea.com.tw/zh">link</a>.</p> <p>This is a ikea<a href=" https://www.ikea.com.tw/zh">link</a>.</p>
<code>
x = 5;
y = 6;
z = x + y;
</code>
<br>
<a href=" https://www.ikea.com.tw/zh">link</a> <a href=" https://www.ikea.com.tw/zh">link</a> <a href=" https://www.ikea.com.tw/zh">link</a> <a href=" https://www.ikea.com.tw/zh">link</a>
<h1>HTML Geolocation</h1>
<p>Click the button to get your coordinates.</p>
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script>
const x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
<br>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<script>
var w;
function startWorker() {
if(typeof(Worker) !== "undefined") {
if(typeof(w) == "undefined") {
w = new Worker("demo_workers.js");
}
w.onmessage = function(event) {
document.getElementById("result").innerHTML = event.data;
};
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Workers...";
}
}
function stopWorker() {
w.terminate();
w = undefined;
}
</script>
<img src="https://www.apple.com/newsroom/images/2024/06/introducing-apple-intelligence-for-iphone-ipad-and-mac/article/Apple-WWDC24-Apple-Intelligence-hero-240610_big.jpg.large.jpg" alt="W3Schools.com" width="104" height="142">
<body onpageshow="myFunction()">
<a href="https://play.google.com/store/apps/details?id=com.starlux.cale" target="_blank" aria-label="Google Play" class="w-full"><img src="https://webassets2.starlux-airlines.com/zh-TW/Images/google-play_tcm5-886.png" alt="Google Play" loading="lazy" class="object-contain lg:w-full h-auto pointer-events-none"><span data-i18n-text="CW_index31" class="sr-only">(在新視窗中打開)</span></a>
<a href="https://apps.apple.com/us/app/starlux/id1450459916" target="_blank" aria-label="Apple Store" class="w-full"><img src="https://webassets2.starlux-airlines.com/zh-TW/Images/app-store_tcm5-885.png" alt="Apple Store" loading="lazy" class="object-contain lg:w-full h-auto pointer-events-none"><span data-i18n-text="CW_index31" class="sr-only">(在新視窗中打開)</span></a>
<div class="flex space-x-1 items-end text-white"><svg width="36" height="30" viewBox="0 0 36 30" fill="#fff" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="flex-shrink-0 pointer-events-none"><path d="M15 13L25 3c1.1-1 2.3-1.7 3.8-2.2H18.1c-.3 0-.6.1-.9.1H17c-1 .3-1.8.7-2.6 1.3-.2.2-.4.3-.6.5L1.7 15H10c1.9 0 3.7-.7 5-2zM13.8 17.1L3.9 27c-1 1-2.3 1.8-3.9 2.2h10.6c.3 0 .6-.1.9-.1h.2c.9-.3 1.8-.7 2.6-1.3.2-.2.4-.3.6-.5L27.2 15h-8.3c-1.9 0-3.7.8-5.1 2.1zM31.3 8.6c0-.1 0-.1.1-.1 1.1-.3 4.3-.7 4.3-.7s-3.2-.2-4.3-.5l-.1-.1c.1-.4 1.1-1.7 1.1-1.7l-1.7 1.2s-.1 0-.1-.1c-.3-1.7-.6-4.8-.6-4.8s-.2 3.1-.6 4.8c0 0 0 .1-.1.1l-1.7-1.2s1 1.3 1.2 1.7c0 0 0 .1-.1.1-1.1.3-4.3.6-4.3.6s3.2.3 4.3.7l.1.1c-.1.4-1.1 1.6-1.1 1.6l1.7-1s.1 0 .1.1c.3 1.7.6 4.8.6 4.8s.2-3.1.6-4.8c0 0 0-.1.1-.1l1.7 1c0-.1-1-1.3-1.2-1.7z"></path></svg> <svg width="109" height="16" viewBox="0 0 109 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="flex-shrink-0 pointer-events-none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 6.8c3.6 0 5.3 1.1 5.3 3.5v1.2c0 3.4-2.8 3.7-5.6 3.7H.4c-.2 0-.4-.2-.4-.4v-1.5c0-.2.2-.4.4-.4h9.5c2.6 0 3.4-.3 3.4-2.2 0-1.6-.6-1.9-2.9-1.9H7.9C2.3 8.8.3 8.5.3 4.7.3 1.4 2.3.9 6.1.9h9.3c.2 0 .4.2.4.4v1.4c0 .2-.2.4-.4.4H7.6l-.79-.002C4.137 3.083 3.3 3.078 3.3 5c0 1.4.2 1.8 3.2 1.8H11zm46.9 2.5c4.2 5.5 4.5 5.9 4.5 5.9h-3c-.4 0-.7-.1-1-.4l-5.3-7.6h2.6c1 0 2.8-.5 2.9-2.2 0-.7-.3-1.3-1.1-1.6-.5-.2-1.3-.4-1.7-.4-.214 0-.486-.028-.738-.055-.219-.023-.423-.045-.562-.045h-3.8c-.2 0-.5.1-.5.5v11.5c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4V1.5c0-.2.2-.4.4-.4h8.4c.2 0 2.1 0 3.6.9 1.3.8 2.1 1.9 2.1 3 0 2.9-3.4 3.8-3.5 3.8-.3.1-.3.2-.3.2 0 .1 0 .2.2.3zm18.8 4.3c0-.2-.2-.4-.4-.4 0 0-9.4 0-9.4.1-.2 0-.4-.2-.4-.4V1.7c0-.3-.3-.6-.6-.6H64c-.3 0-.6.3-.6.6v13c0 .3.3.6.6.6h12.3c.2 0 .4-.2.4-.4v-1.3zM91.5.9c.3 0 .6.3.6.6v8.8c0 2.9-3.1 4.9-7.4 4.9-4.3 0-7.4-2.1-7.4-4.9V1.5c0-.3.3-.6.6-.6h1.9c.3 0 .6.3.6.6V10c0 1.9 1.6 3 4.3 3 2.6 0 4.3-1.2 4.3-3V1.5c0-.3.3-.6.6-.6h1.9zm17.2 14.3l-6.2-7.1c0-.1 0-.2.1-.3l5.2-6.1c.1-.1.1-.2.1-.3 0-.2-.2-.4-.4-.4h-1.9c-.4 0-.9.2-1.1.4l-3.7 4.2c0 .1-.1.1-.2.1-.042 0-.067 0-.089-.007-.029-.01-.053-.035-.111-.093l-3.7-4.2c-.2-.2-.7-.4-1.1-.4h-1.9c-.2 0-.4.2-.4.4 0 .1 0 .2.1.3l5.2 6.1c.1.1.1.2 0 .3l-6.2 7.1h2.8c.6 0 .9-.2 1.1-.4l4-4.7c0-.1.1-.1.2-.1.042 0 .067 0 .089.008.029.01.053.035.111.092l4.1 4.7c.2.2.5.4 1.1.4h2.8zm-65.6 0c-.4 0-.7-.2-.9-.5L37 4.2c0-.1-.1-.1-.1-.1-.1 0-.1 0-.2.1 0 0-4.3 8.8-5.2 10.4-.2.3-.5.6-.9.6H28l7.4-13.9c.1-.2.3-.3.6-.3h1.8c.2 0 .4.1.6.3l7.4 13.9h-2.7zM31.5 1.4c0-.2-.2-.4-.4-.4H17.2c-.2 0-.4.2-.4.4v1.1c0 .2.2.4.4.4h5c.2 0 .4.2.4.4v11.6c0 .2.2.4.4.4h2.3c.2 0 .4-.2.4-.4V3.3c0-.2.2-.4.4-.4h5c.2 0 .4-.2.4-.4V1.4z" fill="#fff"></path></svg></div>
</body>
</head>
</html>