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

| HTML | 455 | 635 วันที่แล้ว
บทความนี้เรามาดูตัวอย่างการใช้แท็ก 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
848 D
[1]
Android
739 D
[40]
Animal
832 D
[1]
Apache
848 D
[2]
[10]
[2]
CMS-SMF
849 D
[1]
[3]
[1]
Database
847 D
[4]
[1]
Docker
743 D
[1]
Fruit
832 D
[2]
Git
635 D
[5]
HTML
635 D
[1]
Housework
837 D
[2]
IT
829 D
[2]
Imacro
849 D
[17]
Java
632 D
[1]
Java-Web
739 D
[1]
[2]
MQL5
661 D
[3]
MakeMoney
634 D
[18]
[1]
Maven
633 D
[1]
Mobile
846 D
[1]
NodeJs
634 D
[3]
Physics
630 D
[4]
PugJS
634 D
[2]
React
644 D
[132]
Science
831 D
[1]
[2]
Spring
633 D
[7]
[2]
[1]
[4]
Ubuntu
798 D
[1]
WebLogic
830 D
[4]