จำนวนคนเข้าดู: 5,920

ใส่รูปภาพด้วย img และทำปุ่มด้วย button ด้วยภาษา HTML

Workshop นี้จะมาสอนการใส่รูปภาพ ง่ายๆ และทำปุ่ม กันนะครับ
ก่อนอื่นเลยนะครับเราหารูปภาพมาวางใน โฟลเดอร์ ตัวเอง ก่อนครับ
รูปภาพอาจเป็น JPG หรือ PNG อื่นๆ ก็ใส่นามสกุลด้วยนะครับ

Code การใส่รูปภาพ

<img src="ชื่อรูปภาพแล้วตามด้วย.jpg" width="500" height="500">

1	<img src="ชื่อรูปภาพแล้วตามด้วย.jpg" width="500" height="500">

width คือ ความกว้างของรูปภาพ
height คือ ความยาวของรูปภาพ

ต่อไปเป็นการทำปุ่มกดง่ายๆ นะครับ ตัวอย่าง code อยู่ข้างล่างนะครับ

<button> devtai </button>

1	<button> devtai </button>

แล้วผมจะมี code รวมทั้งรูปภาพและปุ่ม ที่ผมได้ทำไว้ให้

<!DOCTYPE html>
<html>
<head>
<title> devtai.com </title>
</head>
<body>

<img src="5555.jpg" width="500" height="500">
<br>

<button> devtai </button>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title> devtai.com </title>

</head>

<body>

<br>

<button> devtai </button>

</body>

</html>

ผลลัพธ์ก็จะออกมาแบบนี้ครับ

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651

ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

CODE EDITOR HTML TEXT EDITOR

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ ทำเว็บไซต์ รับสอนเขียนโปรแกรม inbox มาที่เพจ หรือติดต่อ 098-373-8651 ช่องทางการชำระเงิน เงินสด หรือ e-banking ธนาคารกสิกรไทย เลขบัญชี : 0951168564 ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

ใส่รูปภาพด้วย img และทำปุ่มด้วย button ด้วยภาษา HTML

Share this:

Related

วัยวุฒิ ชุมเมืองปัก