( คำสั่งเริ่มต้น ) ( สีสรร ) ( ข้อความ ) ( รูปภาพ ) ( การเชื่อมโยง ) ( รายการ ) ( ตาราง ) ( เฟรม ) ( ฟอร์ม ) ( มัลติมีเดีย )
รูปแบบต่าง ๆ ของข้อความ

ในบทนี้ เราจะ มาทราบ ถึง วิธีการ ทำแบบ ตัวอักษร หลาย ๆ แบบ
เช่น ตัวหนาตัวเอนตัวใหญ่ตัวเล็ก ซึ่งลักษณะต่าง ๆ เหล่านี้ จะทำให้เว็บเพจ ของเรา สวยงาม ยิ่งขึ้น
ตัวอักษรแบบพิเศษ
ตัวอักษร แบบพิเศษ นี้มิได้ หมายความว่า เป็นตัว อักษร
ที่ไม่มีบน แป้นพิมพ์ แต่หมายถึงตัว อักษรที่ ไปตรง กับตัว กำหนด คำสั่ง เช่น ตัวอักษร <,>," ตัวอักษร เหล่านี้ ไม่สามารถ ที่จะเขียน ให้แสดงผล ที่เว็บเบราเซอร์ ได้โดยตรง เพราะว่า เว็บเบราเซอร์ จะตี ความว่า ตัวอักษร เหล่านี้ เป็นส่วนหนึ่ง ของคำสั่ง โดยมี รูปแบบดังนี้
รูปแบบ 
<		แทนด้วย	&lt;
>		แทนด้วย	&gt;
&		แทนด้วย	&amp;
"		แทนด้วย	&quot;
ช่องว่างหรือเว้นวรรค	แทนด้วย	&nbsp;
ลักษณะ ตัวอย่างเช่น &lt;<HTML>&gt; เป็นคำสั่ง เริ่มต้น โปรแกรม ซึ่งย่อ มาจาก "Hypertext Markup Language"

กลับไปที่สารบัญ
หัวเรื่อง
รูปแบบ
คำอธิบาย		 <Hx>....</Hx>
ในการ กำหนด ขนาดให้ หัวเรื่อง นั้นมีการ กำหนด ไว้ 6 ระดับ ตั้งแต่ 1 - 6 โดย x แทนตัวเลข แต่ละลำดับ โดย H1 มีขนาด ใหญ่ที่สุด H6 เล็กที่สุด เมื่อต้องการ ใช้ หัวเรื่อง ที่มีขนาด ตัวอักษร เท่าใด เขียนอยู่ระหว่าง <Hx>....</Hx>
ตัวอย่าง <H1>

ขนาดใหญ่ที่สุด

</H1> ส่วนข้อ ความนอก คำสั่งก็ เป็นไป ตามปกติ

กลับไปที่สารบัญ
ขนาดตัวอักษร
รูปแบบ
คำอธิบาย		 <FONT SIZE=value>....</FONT>
เราสามารถ กำหนด ขนาดของ ตัวอักษร ให้แตกต่าง กันได้ ภายในบรรทัด เดียวกัน โดยเราใช้ <FONT SIZE=value> มากำหนด โดยที่ value เป็นตัวเลข แสดงขนาด ตัวอักษร 7 ขนาด ตัวเลข ยิ่งมาก ยิ่งมีขนาด ใหญ่ ตั้งแต่ -7 ไปจนถึง +7
ตัวอย่าง<FONT SIZE=5> FONT DEFAULT</FONT >

กลับไปที่สารบัญ
ขนาด Font ทั้งเอกสาร
รูปแบบ
คำอธิบาย		 <Basefont size="n">
เป็นการกำหนดขนาดของตัวอักษรในโฮมเพจให้มีขนาด เท่ากันทั้งเอกสาร เพื่อสะดวกเราจะได้ไม่ต้องกำหนดบ่อย ๆ ปกติแล้วจะกำหนดขนาดเป็น 3
ตัวอย่าง <Basefont size=5> โดยไม่ต้องมีตัวปิดเหมือนคำสั่งอื่น ๆ

กลับไปที่สารบัญ
แบบของตัวอักษร
รูปแบบ
คำอธิบาย		 <FONT FACE="font name>....</FONT>
Font name เป็นชื่อของ Font ที่เราต้องการให้เป็น เช่น <FONT FACE="AngsanaUPC"> ตัวอย่าง</FONT>และเราสามารถใส่ชื่อ Font หลาย ๆ ตัวได้เพื่อบางครั้ง Browser ไม่มี Font ตามต้องการโดยให้คั้นด้วยตัว(,)

กลับไปที่สารบัญ
ตัวหนา(Bold)
รูปแบบ
คำอธิบาย		 <B>....</B>
ทำให้ข้อความที่อยู่ใน<B>....</B> มีความหนาเกิดขึ้น
ตัวอย่าง<B>ลักษณะตัวหนา</B>

กลับไปที่สารบัญ
ตัวเอน(Itatic)
รูปแบบ
คำอธิบาย		 <I>....</I>
ทำให้ข้อความที่อยู่ใน<I>....</I> เกิดเป็นตัวเอนขึ้น
ตัวอย่าง <I>ลักษณะตัวเอน</I>

กลับไปที่สารบัญ
ตัวขีดเส้นใต้(Underline)
รูปแบบ
คำอธิบาย		 <U>.....<U>
ทำให้ข้อความที่อยู่ใน<U>.....</U> มีเส้น ขีดอยู่ ใต้ตัว อักษร เกิดขึ้น
ตัวอย่าง<U>ลักษณะตัวที่ขีดเส้นใต้</U>

กลับไปที่สารบัญ
ตัวขีดฆ่า(Strike-through text)
รูปแบบ
คำอธิบาย		 <STRIKE>.....<STRIKE>
ทำให้ข้อความที่อยู่ใน<STRIKE>.....</STRIKE> มีเส้น ขีดอยู่กลางตัวอักษร เกิดขึ้น
ตัวอย่าง <STRIKE>ลักษณะตัวที่ขีดฆ่า</STRIKE>

กลับไปที่สารบัญ
ตัวยก(Superscript)
รูปแบบ
คำอธิบาย		 <SUP>.....<SUP>
ทำให้ข้อความที่อยู่ใน<SUP>.....</SUP> เป็นตัวยก ลอยอยู่เหนือระดับเดิม
ตัวอย่าง<SUP>ลักษณะตัวยก<SUP>

กลับไปที่สารบัญ
ตัวห้อย(Subscript)
รูปแบบ
คำอธิบาย		 <SUB>.....<SUB>
ทำให้ข้อความที่อยู่ใน<SUB>.....</SUB> เป็นตัวห้อย อยู่ใต้ระดับเดิม
ตัวอย่าง<SUB>ลักษณะตัวอักษรห้อย</SUB>

กลับไปที่สารบัญ
ตัวเน้น(Emphasis)
รูปแบบ
คำอธิบาย		 <EM>.....<EM>
ทำให้ข้อความที่อยู่ใน<EM>.....</EM> มีลักษณะเน้นข้อความให้เป็นตัวเอน
ตัวอย่าง <EM>ลักษณะข้อความที่เน้น</EM>

กลับไปที่สารบัญ
ตัวกระพริบ(Blink)
รูปแบบ
คำอธิบาย		 <BLINK>.....<BLINK>
ทำให้ข้อความใน<BLINK>.....</BLINK> สามารถกระพริบได้ ใช้ได้เฉพาะ netscape
ตัวอย่าง<BLINK>ลักษณะตัวที่กระพริบ</BLINK>

กลับไปที่สารบัญ
ตัวอักษรมีขนาดคงที่(Typewriter text)
รูปแบบ
คำอธิบาย		 <TT>.....</TT>
ทำให้ ข้อความ ที่อยู่ใน<TT>.....</TT> มีลักษณะเป็น fixed space เกิดขึ้น
ตัวอย่าง <TT>Typewrite text</TT>

กลับไปที่สารบัญ
ข้อความที่ไม่ได้จัดรูปแบบ(Preformatted Text)
รูปแบบ
คำอธิบาย		 <PRE>....</PRE>
การใช้ คำสั่งนี้ ไม่สามารถ ใช้กับภาษาไทย ได้ ใช้ได้แต่ ภาษา อังกฤษ อย่างเดียว ข้อความ ที่อยู่ ภายใน คำสั่ง จะมี ขนาด เท่ากัน ทุกตัว และยังไม่ได้จัดรูปแบบใดๆ ทำให้สามารถแสดงข้อมูล ที่อยู่ ในรูป ของตาราง หรือรายงาน แผนผัง อย่างง่าย ๆ
ตัวอย่าง <PRE>
  --------------------------------------------------------
  Date                   Time         Note
  --------------------------------------------------------
    20                     08.52          -
    25                     09.50          -
    26                     10.00          -
    28                     12.00          -
  ---------------------------------------------------------
</PRE> เบราเซอร์ จะแสดง ออกมา ตามนั้น
  --------------------------------------------------------
  Date                   Time         Note
  --------------------------------------------------------
    20                     08.52          -
    25                     09.50          -
    26                     10.00          -
    28                     12.00          -
  ---------------------------------------------------------

กลับไปที่สารบัญ
ข้อความแสดงที่อยู่(Address)
รูปแบบ
คำอธิบาย		 <ADDRESS>....</ADDRESS>
ใช้เมื่อ ต้องการ จะพิมพ์ ที่อยู่ ของเรา เพื่อให้ ผู้ที่เข้า มาใช้ เว็บเพจ สามารถติดต่อ กับเราได้ รูปแบบตัว อักษร เป็นตัวเอน
ตัวอย่าง <ADDRESS>
Homepage : www.geocities.com/thinkingworld/
E-Mail : thinkingworld@yahoo.com
</ADDRESS>

กลับไปที่สารบัญ
การจัดข้อความให้เป็นแถวตรงกัน(Block Quotation)
รูปแบบ
คำอธิบาย		 <BLOCKQUOTE>......</BLOCKQUOTE> คำสั่ง นี้ สามารถ แก้ไขปัญหา การใช้ภาษาไทย ได้ การแสดง ผลข้อความ จะเยื้องขวา และจัด ข้อความ ให้ตัวอักษร ตัวแรก ของบรรทัด เริ่มที่ตำแหน่ง เดียวกัน
ตัวอย่าง <BLOCKQUOTE> <P>Omit needless world.</P> <P>Vigorous writeing is concise.A sentence should contain no annecessary words.</P> ------Willian Strunk,------- </BLOCKQUOTE> เว็บเบราเซอร์ จะแสดงผลเป็น

Omit needless world.

Vigorous writing is concise. A sentence should contain no unnecessary words.

------William Strunk,-------

กลับไปที่สารบัญ
การแบ่งส่วนย่อยของเอกสาร
รูปแบบ
คำอธิบาย		 <DIV>....</DIV>
เป็นคำสั่ง สำหรับ การแบ่งส่วนย่อยให้เอกสาร

กลับไปที่สารบัญ
การจัดข้อความให้อยู่ตรงกลาง(Center)
รูปแบบ
คำอธิบาย		 <CENTER>....</CENTER>
เป็นคำสั่ง สำหรับ การสั่ง ให้แสดงผลข้อความให้อยู่ตรงกลาง
ตัวอย่าง
<CENTER>ข้อความที่อยู่ตรงกลาง</CENTER>

กลับไปที่สารบัญ
การขึ้นบรรทัดใหม่(Break)
รูปแบบ
คำอธิบาย		 <BR>
เป็นคำสั่ง สำหรับ การสั่ง ให้แสดงผล ในบรรทัด ใหม่ ให้ใส่ คำสั่งนี้ ในตำแหน่ง ที่เรา ต้องการ ให้การแสดงผลข้อมูลนั้นขึ้นบรรทัดใหม่

กลับไปที่สารบัญ
ย่อหน้าใหม่(Paragraph)
รูปแบบ
คำอธิบาย		 <P ALIGN=align type>....</P>
เราต้องการ ใช้คำสั่ง นี้เมื่อ ต้องการ ขึ้นบรรทัดใหม่ เหมือน<BR> แต่จะทำการ เว้น บรรทัดใหม่ ให้อีกหนึ่ง บรรทัด จะใช้คำสั่ง<P>อย่างเดียว ก็ได้ โดยไม่ต้อง มีคำสั่ง ปิด จะไว้หน้าหรือ หลัง ข้อความ ที่ต้องการขึ้นก็ได้ แต่ถ้าใช้คำสั่ง <P ALIGN=align type>ต้องมีคำสั่ง ปิด</P> ด้วย โดย align type สามารถ ใช้ CENTER,LEFT หรือ RIGHT ก็ได้
ตัวอย่าง

<P ALIGN=RIGHT>ข้อความนี้ ก็จะอยู่ชิดขวาทันที </P>

กลับไปที่สารบัญ
การตัดคำ(Word Break)
รูปแบบ
คำอธิบาย		 <WBR>....</WBR>
เป็นคำสั่ง สำหรับ การสั่ง ให้แสดงผลโดยตัดคำในตำแหน่ง ที่เรา ต้องการ เพื่อให้การแสดงผลข้อมูลในขณะขึ้นบรรทัดใหม่มีความถูกต้องตามอักขระวิธี

กลับไปที่สารบัญ
เส้นคั่น(Horizontal Rule)
รูปแบบ

ลักษณะ		 <HR ALIGN=align type COLOR=color SIZE=n WIDTH=n NOSHADE>
ใช้เมื่อ ต้องการ แบ่งข้อความ บนจอภาพ ให้มีเส้นคั่น ที่ไม่ใช่ขีดเส้น ใต้ตัวอักษร ใส่ไว้ ณ ตำแหน่ง ที่ต้องการ เราสามารถกำหนดตำแหน่ง , สี , ขนาดของความหนา , ความยาว หรือกำหนดแบบเส้นทึบ ก็ได้ โดย
<ALIGN> = CENTER , LEFT , RIGHT
COLOR  = ตามสีที่เราต้องการ เป็นรหัสสี R-G-B
SIZE       = กำหนดความหนา 1 ถึง 7 และ -1 ถึง -7
WIDTH   = กำหนด ความยาวของเส้นเป็น เปอร์เซนต์
NOSHADE = กำหนด ให้เส้น เป็น เส้นทึบ
ตัวอย่าง<hr width=50% align=center>

กลับไปที่สารบัญ

1