HTML Styling
การเปลี่ยน style Element สามารถใช้ style attribute.
ตัวอย่าง
<body style="background-color:red">
นี้คือข้อความที่อยู่ใน body
</body>
ดังตัวอย่างที่เห็นเป็นการเปลี่ยนสีพื้นหลังให้เป็นสีแดง
จะมี attribute bgcolor แต่ตัวนี้จะใช้กับ HTML5 ไม่ได้ ใช้ได้เฉพาะ HTMLไวยากรณ์ ของ HTML style attribule มีดังนี้
style="property:value"
property คือ CSS property และ value คือ CSS value.
เราจะสอนเรื่อง CSS อีกทีเปลี่ยนสีตัวหนังสือใน HTML
property ของ color สามารถใช้ได้กับ element html
ตัวอย่าง
<h1 style="color:blue">นี้คือส่วนหัวเรื่อง เป็นตัวสีน้ำเงิน</h1>
<p style="color:red">นี้คือส่วนที่เป็น paragraph ตัวหนังสือจะเป็นสีแดง</p>
เปลี่ยน fonts ใน HTML
property ของ font-family สามารถใช้ได้กับ element HTML
ตัวอย่าง
<h1 style="font-family:verdana"> นี้คือส่วนหัวจะเป็น font ของ verdana </h1>
<p style="font-family:courier"> นี้เป็นส่วนของ Paragraph เป็น font ของ courier</p>
เปลี่ยนขนาดของตัวหนังสือ
property ของ font-size สามารถใช้ได้กับ element HTML
ตัวอย่าง
<h1 style="font-size:300%> นี้คือส่วนหัว </h1>
<p style="font-size:160%> นี้คือส่วน Paragraph </p>
เปลี่ยนตำแหน่งของตัวหนังสือ
property ของ text-align ปกติก็จะกำหนดให้อยู่ในแนวนอน แต่เราสามารถทำให้อยู่กลางได้
ตัวอย่าง
<h1 stype="text-align:center">หัวข้อนี้จะอยู่ตรงกลาง</h1>
<p>นี้ก็เป็นข้อความใน paragraph </p>
tag <center> ไม่สามารถใช้ได้ใน HTML5 ได้แล้ว แต่ก็ยังใช้ได้ใน HTML รุ่นเก่ากว่า
ไม่มีความคิดเห็น:
แสดงความคิดเห็น