การใช้แท็ก Images ใน HTML

| HTML | 665 | 890 วันที่แล้ว
บทความนี้เรามาดูตัวอย่างการใช้แท็ก Image ใน HTML กันครับ เพราะแท็กนี้ถือว่าได้ใช้มากเหมือนกัน เพราะเว็บไหนบ้างที่ไม่มีรูปเลย จะเห็นว่ามีน้อยมากที่จะเจอเว็บที่ไม่มีรูปภาพ

มาดู Syntax กันครับ ตามโค้ดด้านล่าง

<img src = "Image URL" ... attributes-list />
ต่อไป เราไปดูตัวอย่างโค้ดกันครับ ตามตัวอย่างด้านล่าง
<img src="http://www.howtoclicks.com/img/logo.png" title="howtoclicks" />
ผลลัพธ์ที่ได้ คือ จากโค้ด เราใส่ src เป็น url ของรูปภาพ โดยมี attribute ที่ชื่อ title เพื่อว่าเวลาเอาเมาส์ไปชี้จะมีข้อความปรากฎขึ้นมา เราสามารถใส่ width height เป็น attribute ของ tag image ได้ โดยกำหนดเป็นความกว้างความสูงของรูปภาพตามต้องการ เราสามารถใส่ attribute border ได้ ถ้าต้องการให้รูปภาพมีขอบด้วย
comments

[1]
Adobe-PDF
1103 D
[1]
Android
994 D
[40]
Animal
1087 D
[1]
Apache
1103 D
[2]
[1]
[10]
CMS-Joomla
1104 D
[2]
CMS-SMF
1104 D
[1]
[1]
[1]
[3]
[1]
Database
1103 D
[4]
[1]
Docker
999 D
[1]
[1]
Fruit
1087 D
[2]
Git
890 D
[5]
HTML
890 D
[1]
Housework
1092 D
[2]
IT
1084 D
[2]
Imacro
1104 D
[17]
Java
887 D
[1]
Java-Web
994 D
[1]
[2]
MQL5
916 D
[3]
MakeMoney
889 D
[18]
[1]
[1]
Maven
888 D
[5]
[1]
Mobile
1101 D
[1]
NodeJs
890 D
[3]
Physics
885 D
[4]
PugJS
890 D
[2]
React
899 D
[132]
Science
1086 D
[1]
[2]
Spring
888 D
[12]
[7]
[2]
[1]
[4]
Ubuntu
1054 D
[1]
WebLogic
1085 D
[4]