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

| HTML | 558 | 767 วันที่แล้ว
บทความนี้เรามาดูตัวอย่างการใช้แท็ก 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
980 D
[1]
Android
871 D
[40]
Animal
964 D
[1]
Apache
980 D
[2]
[10]
[2]
CMS-SMF
981 D
[1]
[3]
[1]
Database
980 D
[4]
[1]
Docker
875 D
[1]
Fruit
964 D
[2]
Git
767 D
[5]
HTML
767 D
[1]
Housework
969 D
[2]
IT
961 D
[2]
Imacro
981 D
[17]
Java
764 D
[1]
Java-Web
871 D
[1]
[2]
MQL5
793 D
[3]
MakeMoney
766 D
[18]
[1]
Maven
765 D
[1]
Mobile
978 D
[1]
NodeJs
766 D
[3]
Physics
762 D
[4]
PugJS
766 D
[2]
React
776 D
[132]
Science
963 D
[1]
[2]
Spring
765 D
[7]
[2]
[1]
[4]
Ubuntu
930 D
[1]
WebLogic
962 D
[4]