ใช้ HTML Style แอตทริบิวต์
การตั้งค่ารูปแบบขององค์ประกอบ HTML ที่สามารถทำได้ด้วย style แอตทริบิวต์
แอตทริบิวต์รูปแบบ HTML มีไวยากรณ์ต่อไปนี้:
style=" property : value; "property เป็นทรัพย์สิน CSS value เป็นค่า CSS
คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับ CSS ต่อไปในการกวดวิชานี้
HTML สีพื้นหลัง
background-color คุณสมบัติกำหนดสีพื้นหลังสำหรับองค์ประกอบ HTML:
ตัวอย่างนี้จะตั้งพื้นหลังของหน้าเพื่อ lightgrey:
ตัวอย่าง
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body> ลองตัวเอง» HTML สีข้อความ
color คุณสมบัติกำหนดสีของตัวอักษรสำหรับองค์ประกอบ HTML:
ตัวอย่าง
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p> ลองตัวเอง» HTML แบบอักษร
font-family คุณสมบัติกำหนดตัวอักษรที่จะใช้สำหรับองค์ประกอบ HTML:
ตัวอย่าง
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p> ลองตัวเอง» HTML ขนาดตัวอักษร
font-size คุณสมบัติกำหนดขนาดตัวอักษรสำหรับองค์ประกอบ HTML:
ตัวอย่าง
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p> ลองตัวเอง» จัดแนวข้อความ HTML
text-align คุณสมบัติกำหนดจัดตำแหน่งข้อความแนวนอนสำหรับองค์ประกอบ HTML:
ตัวอย่าง
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p> ลองตัวเอง» บทสรุป
- ใช้ style แอตทริบิวต์สำหรับองค์ประกอบ HTML จัดแต่งทรงผม
- ใช้ background-color สีพื้นหลัง
- ใช้ color สำหรับสีข้อความ
- ใช้ font-family สำหรับแบบอักษรข้อความ
- ใช้ font-size สำหรับขนาดข้อความ
- ใช้ text-align สำหรับการจัดตำแหน่งข้อความ
ทดสอบตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ใช้สิทธิ 5 » ออกกำลังกาย 6 »