การที่เราจะปรับขนาดของรูปภาพนั้นอันดับแรกเราต้องใส่รูปภาพลงไปอันดับแรก
1.ขั้นตอนแรกให้เราสร้างไฟล์ที่ใช้เขียนชื่อไฟล์อะไรก็ได้ในที่นี้จะตั้งว่า img.php
ทำการเพิ่มรูปภาพ
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="img/line.jpg" alt="">
</body>
</html>
3.ต่อไปให้ทำการแสดงผลลัพธ์ว่ารูปที่เราใส่ไปนั้นมีการเพิ่มเข้ามาหรือยัง ถ้ายังไม่มีการเพิ่มเข้ามาแสดงว่ามีการใส่ชื่อรูปผิด
การปรับขนาดรูป
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="img/line.jpg" height=500 alt="">
</body>
</html>
5.เมื่อเราทำการแสดงผลลัพธ์ที่ได้จะเห็นได้ว่ารูปที่แสดงนั้นมีขนาดใหญ่ขึ้นกว่ารูปก่อนหน้านี้
การปรับขนาดของรูปภาพนี้เป็นเพียงการปรับขนาดแบบง่ายสำหรับภาษา html ซึ่งการปรับขนาดนั้นมีหลายวิธีเช่น ที่นี่
อ้างอิง
http://www.thaiseoboard.com/index.php/topic,191000.0.html
https://www.youtube.com/watch?v=VA5HJayV0wU
https://mmo.zcongnghe.com/html-5-%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9B%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%82%E0%B8%99%E0%B8%B2%E0%B8%94%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%A0%E0%B8%B2%E0%B8%9E-%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1/