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

| HTML | 316 | 487 วันที่แล้ว
บทความนี้เรามาดูตัวอย่างการใช้แท็ก 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
700 D
[1]
Android
591 D
[40]
Animal
684 D
[1]
Apache
700 D
[2]
[10]
[2]
CMS-SMF
701 D
[1]
[3]
[1]
Database
700 D
[4]
[1]
Docker
595 D
[1]
Fruit
684 D
[2]
Git
487 D
[5]
HTML
487 D
[1]
Housework
689 D
[2]
IT
681 D
[2]
Imacro
701 D
[17]
Java
484 D
[1]
Java-Web
591 D
[1]
[2]
MQL5
513 D
[3]
MakeMoney
486 D
[18]
[1]
Maven
485 D
[1]
Mobile
698 D
[1]
NodeJs
486 D
[3]
Physics
482 D
[4]
PugJS
486 D
[2]
React
496 D
[132]
Science
683 D
[1]
[2]
Spring
485 D
[7]
[2]
[1]
[4]
Ubuntu
650 D
[1]
WebLogic
682 D
[4]