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

| HTML | 370 | 545 วันที่แล้ว
บทความนี้เรามาดูตัวอย่างการใช้แท็ก 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
758 D
[1]
Android
649 D
[40]
Animal
742 D
[1]
Apache
758 D
[2]
[10]
[2]
CMS-SMF
759 D
[1]
[3]
[1]
Database
758 D
[4]
[1]
Docker
654 D
[1]
Fruit
742 D
[2]
Git
545 D
[5]
HTML
545 D
[1]
Housework
747 D
[2]
IT
739 D
[2]
Imacro
759 D
[17]
Java
542 D
[1]
Java-Web
649 D
[1]
[2]
MQL5
571 D
[3]
MakeMoney
544 D
[18]
[1]
Maven
543 D
[1]
Mobile
756 D
[1]
NodeJs
544 D
[3]
Physics
540 D
[4]
PugJS
544 D
[2]
React
554 D
[132]
Science
741 D
[1]
[2]
Spring
543 D
[7]
[2]
[1]
[4]
Ubuntu
709 D
[1]
WebLogic
740 D
[4]