ตัวอย่างนะคะ สมมุติว่าพี่ต้องการสร้างบล็อกสักอันที่มีแต่คำว่า Hello World Today is Saturday. I love weekend!!! แค่สามบรรทัด ต้องการให้สีตัวอักษรทั้งบล็อกเป็นสีเขียว ตัวบุลเล็ทเป็นรูปสี่เหลี่ยม และ บรรทัด Today is Saturday เป็นสีแดง
ul { list-style: square; color: blue;} .main { font-family: Tahoma, "Microsoft Sans Serif"; font-size: 10pt; color: #999999; text-align: right;} </style>
Hello World <div class=main> <font color=red>>Today is Saturday</font> I love weekend!!! </div>
ที่นี้มาดูทีละ tag ค่ะ อันแรกคือ body tag นะคะ พี่คงคุ้นกับ code ดีเพราะว่าเหมือนที่ script area แป๋วใส่ไว้ที่ตอนต้นแต่ละบล็อกแทน จะได้บังคับ bg และ style อื่นๆเป็นบล็อกๆไปได้ค่ะ ใน script area แป๋วไม่ได้ใส่เลย ข้อไม่ดีของอันนี้คือใช้ จาวาสคริปต์ ไม่ได้ ซึ้่งสำหรับแป๋วแล้วรับได้เพราะต้องการให้บล็อกเรียบที่สุดจะได้ load ได้เร็วค่ะ
table ใส่เพื่อลบกรอบตาราง คงเหมือนพี่ใช้ใน script area เช่นกันค่ะ
UL พี่สามารถกำหนดสี และรูปแบบได้ใน ul tag ไม่แน่ใจเหมือนกันว่าถ้าพี่กำหนด style ของ UL tag ใน script area ด้วยอันไหนจะมีผลนะคะ ถ้าใน script area ไม่มีล่ะก็ code อันนี้ใช้ได้เลยค่ะ สีของ bullet จะขึ้นอยู่กับ สีใน ul tag ค่ะ ส่วนสีของตัวอักษร เดาว่าพี่ใส่ไว้ใน style ของ li tag ได้ค่ะ ถ้าไม่ใส่จะใช้สีใน body tag นะคะ
.main อันนี้เป็น tag ที่เรียกว่า class นะคะ คือพี่สามารถกำหนดสิ่งที่พี่ต้องการแสดงไว้ได้ ใน class ซึ่งชื่อ class จะต้องนำหน้าด้วยจุด ต่อด้วยชื่ออะไรก็ได้ที่ไม่ใช่ชื่อ tag ในที่นี้แป๋วตั้งว่า main ค่ะ เวลาใช้ ส่วนของบล็อกที่พี่ต้องการให้แสดงผลแบบที่ตั้งค่าไว้ใน main ให้ใส่ส่วนนั้นไว้ใน div tag อย่างในตัวอย่างนะคะ