HTML Attributes แอททริบิวต์ในภาษาเอชทีเอ็มแอล

HTML Attributes แอททริบิวต์ในภาษาเอชทีเอ็มแอล

HTML Attributes แอททริบิวต์ในภาษาเอชทีเอ็มแอล

Attributes แอททริบิวต์ คือส่วนที่เราจะสามารถกำหนดข้อมูลเพิ่มเติมบางอย่างให้กับอีลิเมนต์ได้ โดยแอททริบิวต์จะอยู่ในแท็กเปิด Start Tag เสมอ และจะมาในรูปแบบ ชื่อแอททริบิวต์ตามด้วยค่าที่กำหนด เช่น name=”value”

แอททริบิวต์ href

การกำหนดลิงค์ให้ข้อความใน HTML จะใช้แท็ก <a> และจะกำหนดลิงค์ไว้ในแอททริบิวต์ href เช่น

<a href="https://www.dcrub.com">Go to web page</a> 

แอททริบิวต์ src, width, height, alt

การแสดงรูปภาพใน HTML จะใช้แท็ก <img> และรูปภาพที่จะแสดงจะถูกกำหนดไว้ในแอททริบิวต์ src ความกว้างของรูปภาพจะถูกกำหนดไว้ในแอททริบิวต์ width ส่วนความสูงของรูปภาพจะถูกกำหนดไว้ในแอททริบิวต์ height ส่วนแอททริบิวต์ alt ใช้สำหรับระบุข้อความ alternative text ซึ่งจะแสดงผลในกรณีที่ไม่สามารถแสดงรูปภาพได้

<img src="https://www.dcrub.com/wp-content/uploads/2020/02/HTML-Elements.jpg" width="1280" height="720" alt="My Image">

แอททริบิวต์ style

แอททริบิวต์ style มีไว้สำหรับกำหนดสไตล์การแสดงผลให้กับอีลิเมนต์ เช่น สี ฟอนต์ ขนาด เป็นต้น เช่น

<p style="color:blue">This is a blue paragraph.</p>