-
Notifications
You must be signed in to change notification settings - Fork 0
/
a010.html
130 lines (123 loc) · 8.68 KB
/
a010.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>สัตว์สงวนของประเทศไทย</title>
<!-- css -->
<link rel="stylesheet" href="armstyle.css">
<!-- bootsteapcdn -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/boo
tstrap.min.css" integrity="sha384-
Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
</head>
<body>
<div class="topnav">
<a class="active" href="./index.html">HOME</a>
<a href="./story.html">HISTORY</a>
<a href="./information.html">INFORMATION</a>
<a href="./about.html" id="p15">About</a>
</div>
<div class="c">
<div>
<br>
<br>
<div class="p18">
<h1 class="p12">นกกระเรียน</h1>
</div>
<br>
<div>
<div>
<img id="myImg" src="../images/arn0013.jpg" alt="นกกระเรียน" style="width:100%;max-width:300px"
class="p11">
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg");
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on <span> (x), close the modal
span.onclick = function () {
modal.style.display = "none";
}
</script>
</div>
<br>
<div id="p6">
<div style="text-align: center;">
<B>
นกกระเรียน
<br>
Grus antigone
</B>
</div>
<br>
<div>
<p>
<B><u style="font-size: 110%;">ลักษณะ</u></B> : เป็นนกขนาดใหญ่เมื่อยืนมีขนาดสูงราว ๑๕๐ เซนติเมตร
ส่วนหัวและคอไม่มีขนปกคลุม มีลักษณะเป็นปุ่มหยาบสีแดง ยกเว้นบริเวณกระหม่อมสีเขียวอมเทา
ในฤดูผสมพันธุ์มีสีแดงส้มสดขึ้นกว่าเดิม ขนลำตัวสีเทาจนถึงสีเทาแกมฟ้า
มีกระจุกขนสีขาวห้อยคลุมส่วนหาง จะงอยปากสีออกเขียว แข้งและเท้าสีแดงหรือสีชมพูอมฟ้า
นกอายุน้อยมีขนสีน้ำตาลทั่วตัว บนส่วนหัวและลำคอมีขนสีน้ำตาลเหลืองปกคลุม
ในประเทศไทยเป็นนกกระเรียนชนิดย่อย Sharpii ซึ่งไม่มีวงแหวนสีขาวรอบลำคอ
<br>
<br>
<B><u style="font-size: 110%;">อุปนิสัย</u></B> : ออกหากินเป็นคู่และเป็นกลุ่มครอบครัว
กินพวกสัตว์ เช่น แมลง สัตว์เลื้อยคลาน กบ เขียด หอย ปลา กุ้งและพวกพืช เมล็ดข้าวและยอดหญ้าอ่อน
ทำรังวางไข่ในฤดูฝนราวเดือนมิถุนายน ปกติวางไข่จำนวน ๒ ฟอง
พ่อแม่นกจะเลี้ยงดูลูกอีกเป็นเวลาอย่างน้อย ๑๐ เดือน
<br>
<br>
<B><u style="font-size: 110%;">ที่อยู่อาศัย</u></B> :
ชอบอาศัยตามทุ่งหญ้าที่ชื้นแฉะ และหนองบึงที่ใกล้ป่า
<br>
<br>
<B><u style="font-size: 110%;">เขตแพร่กระจาย</u></B> : นกกระเรียนชนิดย่อยนี้
มีเขตแพร่กระจายจากแคว้นอัสสัมในประเทศอินเดีย ประเทศพม่า ไทย ตอนใต้ลาว กัมพูชา เวียดนามตอนใต้
ถึงเมืองลูซุนประเทศฟิลิปปินส์ บางครั้งพลัดหลงไปถึงประเทศมาเลเซีย
และยังมีประชากรอีกกลุ่มหนึ่งในรัฐควีนแลนด์ประเทศออสเตรเลีย
<br>
<br>
<B><u style="font-size: 110%;">สถานภาพ</u></B> : นกกระเรียนเคยพบอยู่ทั่วประเทศ
ครั้งสุดท้ายเมื่อปี พ.ศ.๒๕๐๗ พบ ๔ ตัว ที่วัดไผ่ล้อม จังหวัดปทุมธานี
จากนั้นมีรายงานที่ไม่ยืนยันว่าพบนกกระเรียน ๔ ตัว ลงหากินในทุ่งนาอำเภอขุขันธ์ จังหวัดศรีสะเกษ
เมื่อเดือนมกราคม พ.ศ.๒๕๒๘
<br>
<br>
<u><B style="font-size: 110%;">VDOที่เกี่ยวข้อง</B></u><B>(youtube)</B> :
</p>
<div style="text-align: center;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/zR09D9q7nwM" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen class="p10"></iframe>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
<br>
<div style="text-align: center; margin-top: auto;margin-bottom: auto;">
<a href="./information.html"><img src="../images/unnamed-removebg-preview.png" id="p13"></a>
</div>
<br>
</body>
</html>