การตกแต่งเอกสาร Web Page

หัวเรื่อง <Hx> ..... </Hx>

คำสั่งนี้เป็นคำสั่งสำหรับการกำหนดขนาดหัวเรื่อง โดยที่ x เป็นตัวเลข 1 ( ใหญ่สุด ) จนถึง 6 ( เล็กสุด )

ขนาดตัวอักษร .....

คำสั่งนี้เป็นคำสั่งที่จะกำหนดขนาดของตัวอักษร โดยที่ x เป็นตัวเลข 1 ( ใหญ่สุด ) จนถึง 6 ( เล็กสุด ) โดยวางคร่อมข้อความที่ต้องการจะกำหนดขนาด

กำหนดรูปแบบ Font .....

เป็นคำสั่งที่กำหนดรูปแบบของ Font ให้กับข้อความที่เราต้องการ ใช้โดยวางคร่อมข้อความที่ต้องการกำหนด Font

กำหนดสีอักษร .....

เป็นคำสั่งสำหรับใส่สีให้กับข้อความ ใช้โดยการวางคร่อมข้อความที่ต้องการ

หมายเหตุ ถ้าต้องการกำหนดสีของตัวอักษรทีเดียวทั้งหน้าสามารถทำได้โดยแทรกส่วนขยาย TEXT=#รหัสสี ลงในส่วนของ <BODY>ดังนั้นจึงสามารถเขียนใหม่ได้เป็น
<BODY TEXT=#รหัสสี> กำหนดรูปแบบอักษร

คำสั่งต่อไปนี้เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบของตัวอักษร

Physical Styles

รูปแบบตัวอักษร	รูปแบบคำสั่ง
ตัวหนา	<B> ..... </B>
ตัวเอียง	<I> ..... </I>
ตัวขีดเส้นใต้	<U> ..... </U>
ตัวยกขึ้น	<SUP> ..... </SUP>
ตัวห้อยลง	<SUB> ..... </SUB>

Logical Styles

รูปแบบตัวอักษร	รูปแบบคำสั่ง
Citations	<CITE> ..... </CITE>
Computer Code	<CODE> ..... </CODE>
Emphasis	<EM> ..... </EM>
Keyboard	<KBR> ..... </KBR>
Samples	<SAMP> ..... </SAMP>
Strong	<STRONG> ..... </STRONG>
Varible Name	<VAR> ..... </VAR>

ตัวอักษรแบบพิเศษ

ตัวอักษรเหล่านี้ไม่สามารถจะแสดงในเว็บเบราเซอร์ได้โดยตรง ต้องเขียนเครื่องหมายพิเศษที่เรียกว่า Escape Sequence กำหนดลงไป

ตัวอักษรแบบพิเศษ	แทนด้วย
>	>
<	<
&	&
"	"

กำหนดสีพื้นหลัง

ถ้าต้องการกำหนดสีของพื้นหลังสามารถทำได้โดยแทรกส่วนขยาย BGCOLOR=#รหัสสี เข้าไปในส่วน <BODY> ดังนั้นสามารถเขียนใหม่ได้เป็น
<BODY BGCOLOR=#รหัสสี>

<HTML>
<HEAD>
<TITLE> ตัวอย่าง </TITLE>
</HEAD>
<BODY TEXT=#0000ff BGCOLOR=#ffaaaa>

<! ---หัวเรื่อง--->
<H1>หัวเรื่องลำดับที่1</H1>

<! ---ขนาด รูปแบบ Font และสีตัวอักษร---->
ขนาดตัวอักษร 
สีตัวอักษร 
ตัวอย่าง Font 

<! ---รูปแบบอักษร--->
ตัวขีดเส้นใต้ 
Emphasis 

</BODY>
</HTML>