Step by Step

Getting Organized!

HTML Editors

FTP to your site

Search Engine

HTML (TAG)

RGB to HEX Color

CGI Forms

Frames Tutorial

JavaScript

HTML Q&A

HTML <TAG> Dictionary

<address>

คำสั่งกำกับการแสดงผลของชื่อ ที่อยู่ อีเมล์ ผลของคำสั่งจะคล้ายกันกับ <I> (Italic) หรือ <EM> (Emphasis)
Example: <address>Montree Kotkanta<BR>
123/45 New Road<BR>
Ubon Ratchathani 34000<BR>
webmaster@easyhome.in.th</address>
ผลของคำสั่งจะเป็นดังนี้
Montree Kotkanta
123/45 New Road
Ubon Ratchathani 34000
webmaster@easyhome.in.th

Back

<applet>

Java applet คือโปรแกรมเล็กๆ ที่เขียนโดยใช้ภาษาจาวาแล้วคอมไพลด์เป็นนามสกุล ".class" ถ้าคุณใช้ Java applet ภายในโฮมเพจ แอพเพลตจะถูกดาวน์โหลดมาที่เครื่องของผู้ชมและเริ่มแสดงผลผ่านหน้าบราวเซอร์ด้วยคำสั่งภาษาจาวาที่ระบุในไฟล์ HTML

Example :
<applet code=Lake.class id=Lake width=392 height=380 >
<param name=image value="images/dusk.gif">
</applet>

เช่น ตัวอย่างนี้ เป็นการแสดงผลที่เรียกว่า Lake effect เงาสะท้อนคลื่นน้ำ เทคนิคที่เห็นเป็นผลของภาพที่ถูกกระทำด้วย Java applet ทำให้ภาพเหมือนมีเงาสะท้อนในน้ำดูแล้วสวยไม่หยอก

Back

<b>

ทำให้ตัวอักษรที่อยู่ภายในคำสั่งแสดงผลเป็นตัวหนา

Example: <b>Bold this text!</b>

คุณต้องการให้ข้อความในส่วนใดเป็นตัวหนาก็เพียงแต่นำคำสั่ง <b>ตัวหนา</b> ไปครอบข้อความนั้น

Back

<basefont>

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

Example: <basefont ="Arial" size=-1>

คำสั่งนี้จะระบุไว้ภายในส่วนหัวของไฟล์ และจะถือเป็นค่าปกติในการแสดงผลของสี ขนาดตัวอักษรในหน้านั้น ยกเว้นในตำแหน่งที่ต้องการเน้นเป็นพิเศษสามารถใช้คำสั่ง <FONT> กำกับเพื่อเปลี่ยนจากค่าปกติได้ตามที่ต้องการ

Back

<big>

กำหนดขนาดของฟอนต์ให้มีขนาดโตกว่า base font

Example: <big>This is bigger than before!</big>

ถ้าคุณต้องการให้ส่วนไหนของข้อความมีขนาดโตกว่าปกติก็ใช้คำสั่งให้ ตัวใหญ่กว่าปกติได้ทันที!

Back

<blink>

สร้างตัวอักษรให้มีลักษระเป็นตัวกระพริบได้ทันที

Example: <blink>Make this blink!</blink>

ถ้าคุณต้องการให้บางส่วนของข้อความเกิดการกระพริบสามารถใช้คำสั่งนี้ได้ make it blink! แต่แสดงผลได้เฉพาะ Netscape เท่านั้นนะครับ

Back

<br>

การตัดคำขึ้นบรรทัดใหม่ใช้ได้ทั้งกับข้อความและรูปภาพ โดยการแทรกคำสั่ง <br> ลงไปในตำแหน่งที่ต้องการ

Example:
ตัวอย่างนี้เป็นการแทรกคำสั่งการขึ้นบรรทัดใหม่ในตำแหน่งต่อไปนี้ <br> ผลก็จะเป็นดังบรรทัดถัดไปข้างล่างนี้

Result :
ตัวอย่างนี้เป็นการแทรกคำสั่งการขึ้นบรรทัดใหม่ในตำแหน่งต่อไปนี้
ผลก็จะเป็นดังบรรทัดถัดไปข้างล่างนี้

Example:
<img src="images/wsftp.gif" width="112" height="43" hspace="5" vspace="5" border="0" align="absmiddle" alt="WS_FTP"><br><img src="images/cuteftp.gif" width="112" height="43" hspace="5" vspace="5" border="0" align="absmiddle" alt="CuteFTP">

Result :

Back

<center>

การกำหนดการแสดงผลของตัวอักษรหรือรูปภาพให้อยู่กึ่งกลางของหน้าหรือตารางด้วยการใช้คำสั่ง <center></center> ครอบข้อความหรือแท็กคำสั่งแสดงผลรูปภาพ

Example 1 :
ข้อความ
<center>การแสดงผลข้อความจัดกึ่งกลาง</center>
รูปภาพ
<center><img src=="images/wsftp.gif" width="112" height="43" hspace="5" vspace="5" border="0" align="absmiddle" alt="WS_FTP">
Result :

การแสดงผลข้อความจัดกึ่งกลาง

หมายเหตุ : เนื่องจากคำสั่งนี้ถูกยกเลิกใน HTML 4.0 ดังนั้นจึงควรใช้คำสั่ง <div align="center"></div> แทนซึ่งให้ผลเช่นเดียวกัน และยังสามารถเปลี่ยนเป็นจัดซ้ายหรือขวาได้ ด้วยการเปลี่ยน center เป็น left หรือ right

Back

สร้างข้อความหมายเหตุเพื่ออธิบายรายละเอียดในไฟล์ แต่ข้อความเหล่านี้จะไม่แสดงผลในบราวเซอร์

Example:

คำสั่งนี้ใช้สำหรับการบอกรายละเอียดที่จำเป็นซึ่งต้องมีการแก้ไขไฟล์ในภายหลัง หรือการทำงานเป็นทีมผู้แก้ไขในทีมจะได้เข้าใจตรงกัน หลายๆ คนใช้สำหรับบอกการแสดงซึ่งลิขสิทธิ์ของไฟล์คำสั่ง รูปภาพ หรืออื่นๆ เพื่อให้ผู้ที่ต้องการนำไปใช้ต้องขออนุญาตก่อนเสมอ

Back

<bgsound>

ใส่เสียงดนตรีเป็นแบ็คกราวด์ของเว็บเพจ เสียงที่ใช้จะเป็น MIDI Files หรือ Wave Files ก็ได้ แต่นิยมใช้มิดี้ไฟล์มากกว่าเพราะมีขนาดเล็กโหลดได้เร็ว

Example: <bgsound src="song.mid" Autostart="true" Loop="true" >

คำสั่งนี้จะทำให้เมื่อเว็บเพจหน้านั้นโหลดเสร็จสิ้นจะเรียกไฟล์เสียงเพลงมาแสดงผลทันที คำสั่ง Autostart หมายถึงให้เล่นอัตโนมัติเมื่อโหลดไฟล์เสร็จ Loop ให้เล่นเพลงวนไปเรื่อยๆ

คำสั่ง bgsound จะมีผลเฉพาะกับบราวเซอร์ Internet Explorer เท่านั้น ถ้าต้องการให้มีผลกับบราวเซอร์ Netscape ต้องเพิ่มคำสั่งอีกบรรทัดเหมือนกัน แต่เปลี่ยนจาก bgsound เป็น embed แทน

Example: <embed src="song.mid" Autostart="true" Loop="true" >

Back

<div>

การจัดกลุ่มข้อความหรือรูปภาพให้อยู่ในตำแหน่งต่างๆ เช่น จัดชิดซ้าย กึ่งกลาง ชิดขวา โดยมีคำว่า align="left / center / right" เป็นตัวขยาย

Example: <div align="center">Easyhome in Thailand</div>

ผลของคำสั่งนี้

Easyhome in Thailand

Back

<embed>

ใส่เสียงดนตรีเป็นแบ็คกราวด์ของเว็บเพจ มีผลกับบราวเซอร์ Netscape

Example: <embed src="song.mid" Autostart="true" Loop="true" >

การทำงานเหมือนคำสั่ง bgsound

Back

<font>

การเปลี่ยนขนาด สีและรูปแบบของตัวอักษร ให้แสดงผลตามที่เราต้องการด้วยการเติมคำสั่งขยาย (Attribute) กำกับดังตัวอย่าง

Example :
<font size="+2" color="yellow" face="Comic Sans MS"><b>Example Fonts</b></font>

Result :
Example Fonts

SIZE - กำหนดขนาดของตัวอักษรซึ่งมีค่าตั้งแต่ 0 - 7 ขนาดมาตรฐานคือ 3 ถ้ากำหนดให้มีค่า +2 จึงหมายถึงฟอนต์ขนาด 3+2=5 นั่นเอง
COLOR - สีตัวอักษร สามารถใช้ค่าสีของแสงเป็นตัวเลขฐานสิบหก (HEX number) หรือชื่อสีก็ได้แต่จะได้จำนวนสีน้อยกว่า
FACE - กำหนดรูปแบบของตัวอักษรให้แสดงผลเป็นแบบตัวอักษรต่างๆ ภาษาไทยส่วนใหญ่นิยมใช้ฟอนต์ MS Sans Serif

Back

<h1> ... <h6>

กำหนดการแสดงผลตัวอักษรหัวเรื่อง

Example: <h2>Easyhome in Thailand</h2>

Result :

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Back

<hr>

คำสั่งสร้างเส้นคั่นตามแนวนอน ซึ่งคุณสามารถกำหนดความยาว ความหนา และสีของเส้นได้ตามใจ

Example:
<hr size="3" width="300">

Result :

เส้นขนาดความยาว 300 pixels หนา 3 pixels ลักษณะของเส้นคล้ายเป็นการเซาะร่องลึกลงไป
(ค่าปกติของเส้นคือจัดกึ่งกลางเสมอ)

เส้นขนาดความยาว 300 pixels หนา 3 pixels ลักษณะของเส้นให้มีสีด้วยคือสีแดง

เส้นขนาดความยาว 400 pixels หนา 4 pixels ลักษณะของเส้นทำเป็นเส้นทึบโดยคำสั่ง noshade
ความยาวของเส้นจะกำหนดด้วยขนาดพิกเซลหรือเป็นเปอร์เซนต์ของหน้าจอก็ได้

Back

<marquee>

สร้างตัวอักษรวิ่งตามแนวตั้งหรือแนวนอน มีผลเมื่อใช้บราวเซอร์ Internet Explorer

Example:
<marquee behavior=scroll direction=left width=400 height=25 scrollamount=1 scrolldelay = 80 class="TextArea"> ตัวอย่างการแสดงผลแบบ marquee เลื่อนตามแนวนอน </marquee>

Result :
ตัวอย่างการแสดงผลแบบ marquee เลื่อนตามแนวนอน

Back

<sub>

กำหนดให้การแสดงผลของตัวอักษรเป็นตัวห้อยในสูตรหรือสมการ

Example:
H<sub>2</sub>O

Result :
H₂O

Back

<sup>

กำหนดให้การแสดงผลของตัวอักษรเป็นตัวยกในสูตรหรือสมการ

Example:
X<sup>2</sup>Y<sup>2</sup>

Result :
X²Y²

Back

<title>

กำหนดชื่อเรื่องของแต่ละหน้าเว็บเพจ

Example: <title>HTML Tag Tips : Easyhome in Thailand</title>

คำสั่งนี้จะทำให้ข้อความที่อยู่ภายในไปแสดงผลที่บนไตเติ้ลบาร์ของบราวเซอร์ และเป็นข้อความเดียวกับที่จะไปปรากฏอยู่ใน Bookmark ของบราวเซอร์ ตัวอย่างนี้คือชื่อที่ปรากฏบนไตเติ้ลบาร์ของบราวเซอร์ขณะนี้

Back