วันอังคารที่ 28 กรกฎาคม พ.ศ. 2558

Attributes คืออะไรใน HTML

ทำความรู้จักกับ Attributes 



-ในแต่ละ element จะมี attributes 

  element html อาจมี attributes lang

ตัวอย่าง 

<html lang="US">....</html>

จาก code ข้างบนหมายถึงให้หน้า html นี้เป็น ภาษา US

-การมี attributes ทำให้ element มีความซับซ้อนมากขึ้น

เช่น การใส่ attributes title ใน element p ก็จะทำให้เมื่อเอาเมาส์ไปชี้ที่ ที่อยู่ใน element p จะทำให้เกิดข้อความที่ได้กำหนดใน title ได้
ตัวอย่าง
<p title="นี้คือข้อความด้วยย่อ">.......</p>

-a tag ก็จะมี href เป็น attributes เพื่อกำหนดหน้าที่จะลิงค์ไป

ตัวอย่าง
<a href="www.goog.com">.....คลิ๊กที่นี่</a>

-img tag ก็จะมี src,width,height เป็น attributes 

ซึ่ง attributes srcก็จะกำหนดตำแหน่งที่รูปภาพอยู่ 

      attributes width และ height ก็กำหนด ความกว้างและความ         สูงเช่นกัน

ตัวอย่าง
<img src="picture.png" width="auto" height="120px" />


-การเขียน attributes แนะนำให้เขียนเป็นตัวพิมพ์เล็กเพื่อจะทำให้เวลากลับมาอ่าน code จะอ่านได้ง่าย


-value คืออะไร
value คือค่าที่อยู่ใน attributes 
ตัวอย่าง 
<a href="www.google.com">....คลิ๊กที่นี่....</a>
ใน tag a นี้ value คือ www.google.com

attributes 

-การใส่ค่า value ใน attributes แนะนำให้ใส่ Quote

ตัวอย่าง 
<a href="www.google.com">....คลิ๊กที่นี่....</a>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น