-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
44 lines (38 loc) · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title</title>
<style>
input:focus{
background-color: blue;
}
:target{
border: 2px solid green ;
background-color: yellow;
}
</style>
<!-- css -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous">
<!-- javascript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</head>
<body >
<!-- <form >
phone : <input type="tel"><br>
email : <input type="email" disabled="disabled">
</form> -->
<!-- <a href="#news1">Content 1</a><br> ทำ link ในเอกสารเดียวกัน-->
<!-- <a href="#news2">Content 2</a>
<p id="news1">Content 1</p>
<p id="news2">Content 2</p> -->
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis labore suscipit beatae quas nulla rerum corporis saepe libero? Libero pariatur maiores exercitationem reprehenderit ut maxime, aliquam aliquid animi recusandae aut et voluptate beatae minus aperiam voluptatem ratione, necessitatibus eveniet, voluptas iste quos. Amet nemo dolorum, natus sit adipisci delectus beatae odit repudiandae earum, rerum sunt? Animi, sint? Officia autem, quos tempora non similique magnam aperiam asperiores officiis enim mollitia suscipit possimus, ab tempore molestiae ut temporibus facilis dignissimos itaque maiores doloribus eveniet illum? Quae illum id deserunt tenetur error laboriosam repellat dicta ipsam, nobis fuga vel, esse distinctio, eius autem!
</div>
</body>
</html>