สรุปขั้นตอนการจัดทำโครงงานคอมพิวเตอร์

สรุปขั้นตอนการจัดทำโครงงานคอมพิวเตอร์💻

มีกี่ขั้นตอน มีอะไรบ้าง🏁

1. คัดเลือกหัวข้อโครงงานที่สนใจจะทำ👍

โดยทั่วไปเรื่องที่จะมาพัฒนาเป็นโครงงานคอมพิวเตอร์มักได้จากปัญหา คำถาม หรือความสนใจในเรื่องต่าง ๆ จากการสังเกตสิ่งต่าง ๆ ที่เกี่ยวข้องกับระบบคอมพิวเตอร์ หรือสิ่งต่างๆ ที่อยู่รอบตัวเรา จากแหล่งข้อมูลที่เชื่อถือได้ ในการตัดสินใจเลือกหัวข้อที่จะนำมาพัฒนาเป็นโครงงานคอมพิวเตอร์

2. ศึกษาค้นคว้าและวางแผน✌️ การศึกษาค้นคว้าจากเอกสารและแหล่งข้อมูล รวมถึงการขอคำปรึกษาจากผู้ทรงคุณวุฒิ จะช่วยให้นักเรียนได้แนวคิดที่ใช้ในการกำหนดขอบเขตของเรื่องที่จะศึกษาได้เฉพาะเจาะจงมากยิ่งขึ้น รวมทั้งได้ความรู้เพิ่มเติมในเรื่องที่จะศึกษา จนสามารถใช้ออกแบบและวางแผนดำเนินการทำโครงงานนั้นได้

       

3. จัดทำข้อเสนอโครงงานที่จะทำ👇

ดังนี้  3.1  ศึกษาค้นคว้าเอกสารอ้างอิงและรวบรวมข้อมูลที่ได้จากผู้ทรงคุณวุฒิ

3.2  วิเคราะห์ข้อมูล เพื่อกำหนดขอบเขตและลักษณะของโครงการที่จะพัฒนา

3.3  ออกแบบการพัฒนา มีการกำหนดลักษณะของเครื่องคอมพิวเตอร์ ซอฟต์แวร์และตัวแปลภาษา โปรแกรม และวัสดุต่าง ๆ ที่ต้องใช้

3.4  กำหนดตารางการปฏิบัติงานของการจัดทำเค้าโครงของโครงงาน ลงมือทำโครงงานและสรุปรายงานโครงงาน โดยกำหนดช่วงเวลาอย่างกว้าง ๆ

3.5  ทำการพัฒนาโครงงานขั้นต้น เพื่อศึกษาความเป็นไปได้เบื้องต้น โดยอาจจะทำการพัฒนาส่วนย่อย ๆ บางส่วนตามที่ได้ออกแบบไว้แล้ว นำผลจากการศึกษาในช่วงนี้ไปปรับปรุงแผนการทดลองที่ออกแบบไว้ในครั้งแรกให้เหมาะสมมากยิ่งขึ้น

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

4. การลงมือทำโครงงาน🤘 เมื่อเค้าโครงของโครงงานได้รับความเห็นชอบจากอาจารย์ที่ปรึกษาแล้ว  ก็เสมือนว่าการจัดทำโครงงานได้ผ่านพ้นไปแล้วมากกว่าครึ่ง ขั้นตอนต่อไปเป็นการลงมือพัฒนาตามขั้นตอนที่ได้วางแผนไว้ เช่น จัดเตรียมวัสดุอุปกรณ์ให้พร้อม รวมทั้งการกำหนดหน้าที่ความรับผิดชอบของสมาชิกในกลุ่มให้ชัดเจน แล้วจึงดำเนินการทำโครงงาน ขณะเดียวกันต้องมีการทดสอบ ตรวจสอบ ปรับปรุงแก้ไข เพื่อพัฒนาโครงงานเป็นระยะ ๆ เพื่อให้แน่ใจว่าผลงานที่พัฒนาขึ้น ทำงานได้ถูกต้องตรงกับความต้องการที่ระบุไว้ในเป้าหมาย และเกิดประสิทธิภาพตามขั้นตอน

5. เขียนรายงานและจัดทำคู่มือการใช้✋การเขียนรายงานเป็นวิธีการสื่อความหมายเพื่อให้ผู้อื่นเข้าใจแนวคิด วิธีดำเนินการศึกษาค้นคว้าหาข้อมูลที่ได้ ตลอดจนข้อสรุปและข้อเสนอแนะต่าง ๆ เกี่ยวกับโครงงาน ในการเขียนรายงานนักเรียนควรใช้ภาษาที่อ่านง่าย ชัดเจน กระชับ และตรงไปตรงมา และส่วนสุดท้ายเป็นคู่มือการใช้งานโครงงาน

·       บรรณานุกรม รวบรวมรายชื่อหนังสือ วารสารเอกสารและ /หรือเว็บไซต์ ที่ผู้จัดทำโครงงานใช้ศึกษา ค้นคว้ารายละเอียด ที่นำมาใช้ประโยชน์ในการทำโครงงาน ทั้งนี้เขียนเอกสารบรรณานุกรมต้องให้ถูกต้องตามหลักการเขียนด้วย

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

  

         6. การนำเสนอและแสดงโครงงาน👐 โดยทั่วไปเมื่อโครงงานเสร็จสิ้นแล้ว ต้องมีการนำเสนอโครงงานให้กับผู้ที่ต้องการใช้งานหรือครูที่ปรึกษาโครงงาน ดังนั้นควรเตรียมเอกสารนำเสนอให้สมบูรณ์ โดยอาจปรับย่อข้อความที่สำคัญมาจากการรายงานก็ได้ การนำเสนอในรูปแบบใดนั้นต้องเลือกให้เหมาะสมโดยพิจารณาวัตถุประสงค์ของงานนำเสนอ ชื่อ สื่ออิเล็กทรอนิกส์ ป้ายนิทรรศการ เอกสารรายงาน แผ่นพับ นอกจากนี้ยังต้องวางแผนในการนำเสนอและสาธิตโครงงาน และควรฝึกตอบคำถามที่เกี่ยวข้องไว้ด้วย

ใบงาน เรื่อง บริการต่างๆบนเครือข่ายอินเตอร์เน็ต

บริการต่างๆบนอินเทอร์เน็ต

             บริการบนอินเทอร์เน็ต เป็นบริการเพื่อตอบสนองความต้องการในด้านการสื่อสารของผู้ใช้ในรูปแบบต่างๆ ทั้งในระดับบุคคล กลุ่ม และองค์กร ในปัจจุบันมีการใช้อินเทอร์เน็ตเป็นช่องทางในการแบ่งปันความคิด ข้อมูล สารสนเทศ รวมถึงความรู้ โดยอาศัยเครื่องมือ เทคโนโลยีหรือบริการต่างๆ บนอินเทอร์เน็ต มีดังนี้

1. World Wide Web (WWW) เครือข่ายใยแมงมุม

เป็นการเข้าสู่ระบบข้อมูลอย่างข้อมูลในรูปของ Interactive Multimedia คือ มีทั้งรูปภาพ ข้อความ ภาพเคลื่อนไหว เสียง และวีดีโอ อีกทั้งข้อมูลเหล่านี้ยังใช้ระบบที่เรียกว่า hypertext กล่าวคือ จะมีคำสำคัญหรือรูปภาพในข้อมูลนั้นที่จะช่วยให้ท่าน เข้าสู่รายละเอียดที่ลึกและกว้างขวางยิ่งขึ้น คำสำคัญดังกล่าวจะเป็นคำที่เป็นตัวหนา หรือขีดเส้นใต้ เพียง แต่ท่านเลือกกด ที่คำ ที่เป็นตัวหนาหรือขีดเส้นใต้ นั้น ๆ ท่านก็สามารถเข้าสู่ข้อมูลเพิ่มเติมได้ (ข้อมูลเหล่านี้จะมีผู้สร้างขึ้นมาและเก็บไว้ในคอมพิวเตอร์ ต่าง ๆ ทั่วโลก)

2. จดหมายอิเลคทรอนิกส์ (Electronic Mail)

จดหมายอิเลคทรอนิกส์หรือที่เรียกกันว่า E-mailเป็นการสื่อสารที่นิยมใช้กันมากเนื่องจากผู้ใช้สามารถติดต่อสื่อสารกับบุคคลที่ต้องการได้รวดเร็ว ภายในระยะเวลาอันสั้น ไม่ว่าจะอยู่ในที่ทำงานเดียวกันหรืออยู่ห่างกันคนละมุมโลกก็ตามนอกจากนี้ยังสิ้นเปลืองค่าใช้จ่ายน้อยมาก

องค์ประกอบของ e-mail address ประกอบด้วย

1. ชื่อผู้ใช้ (User name)

2. ชื่อโดเมน Username@domain_name

การใช้งานอีเมล สามารถแบ่งได้ดังนี้ 

1. Corporate e-mail คือ อีเมล ที่หน่วยงานต่างๆสร้างขึ้นให้กับพนักงานหรือบุคลากรในองค์กรนั้น เช่น u47202000@dusit.ac.th คือ e-mail ของนักศึกษาของสถาบันราชภัฏสวนดุสิต เป็นต้น

2. Free e-mail คือ อีเมล ที่สามารถสมัครได้ฟรีตาม web mail ต่างๆ เช่น Hotmail, Yahoo Mail, Thai Mail และ Chaiyo Mail

3. Search Engine (บริการค้นหาข้อมูลบนอินเทอร์เน็ต)

Search Engine เป็นเว็บไซต์ที่มีเครื่องมือในการที่จะค้นหาเว็บไซต์ต่าง ๆ มาเก็บไว้ในฐานข้อมูลของ ตัวเองโดยอัตโนมัติ เช่น Google.com หรือ Altavista.com ซึ่งเครื่องมือนี้ มีชื่อเรียกว่า Search Robot จะทำหน้าที่คอยวิ่งเข้าไปอ่านข้อความจากหน้าเว็บไซต์ ของเว็บต่าง ๆ แล้วนำมาจัดลำดับคำค้นหา (Index) ที่มีในเว็บไซต์เหล่านั้น เก็บไว้ในฐานข้อมูลของตนเอง เมื่อเราเข้าไปใช้บริการ กับ Search Engine

4. Instant Message (บริการสนทนาบนอินเทอร์เน็ต )

           Instant Messaging ก็คือการสนทนาทางโทรศัพท์อย่างหนึ่งแต่เป็นในรูปของตัวอักษร พนักงานในบริษัททั้งขนาดเล็กและใหญ่ต่างใช้ IM เป็นเครื่องมือในการสื่อสาร สำหรับคนอีกจำนวนมาก IM คือการสื่อสารสำรองเมื่ออีเมล์มีปัญหาหรือเหตุฉุกเฉินอื่นๆ 

5. การเข้าใช้เครื่องระยะไกล (Telnet)

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

6.การโอนย้ายข้อมูล (File Transfer Protocol : FTP)

การโอนย้ายข้อมูล หรือที่นิยมเรียกกันว่า FTP เป็นการสื่อสารอีกรูปแบบหนึ่งที่ใช้กันมากพอสมควรในอินเตอร์เน็ต โดยอาจใช้เพื่อการถ่ายโอนข้อมูลรวมถึงโปรแกรมต่าง ๆ ทั้งที่เป็น freeware sharewareจากแหล่ง ข้อมูลทั้งหลายมายังเครื่องคอมพิวเตอร์ส่วนบุคคลที่ใช้งานอยู่ ปัจจุบันมีหน่วยงานหลายแห่งที่กำหนดให้ Serverของตนทำหน้าที่เป็น FTP site เก็บรวบรวมข้อมูลและโปรแกรมต่าง ๆ สำหรับให้บริการ FTP ที่นิยมใช้กันมากได้แก่WS_FTP, CuteFTP

 

การโอนย้ายไฟล์สามารถแบ่งได้ดังนี้

1. การดาวน์โหลดไฟล์ (Download File ) การดาวน์โหลดไฟล์ คือ การรับข้อมูลเข้ามายังเครื่องคอมพิวเตอร์ของผู้ใช้ ในปัจจุบันมีหลายเว็บไซต์ที่จัดให้มีการดาวน์โหลดโปรแกรมได้ฟรี เช่น http://www.download.com

2. การอัพโหลดไฟล์ (Upload File) การอัพโหลดไฟล์คือการนำไฟล์ข้อมูลจากเครื่องของผู้ใช้ไปเก็บไว้ในเครื่องที่ให้บริการ (Server) ผ่านระบบอินเทอร์เน็ต เช่น กรณีที่ทำการสร้างเว็บไซต์ จะมีการอัพโหลดไฟล์ไปเก็บไว้ในเครื่องบริการเว็บไซต์ (Web server ) ที่เราขอใช้บริการพื้นที่ (web server) โปรแกรมที่ช่วยในการอัพโหลดไฟล์เช่น FTP Commander

7. Web board (บริการกระดานข่าวหรือ เวบบอร์ด )

WebBoard คือโปรแกรมที่ทำหน้าที่ในลักษณะเป็น กระดานสนทนา เป็นกระดานแจ้งข่าวสาร ข้อมูล และแลกเปลี่ยนความคิดเห็นกัน

ที่มา http://www.mcp.ac.th/online/internet/1_2.html

สรุปคำสั่ง HTML (2)

สรุปคำสั่ง HTML 2

1.การใช้งาน

ในบทที่แล้วเราได้ลองเขียน HTML กันดูบ้างแล้ว ในบทนี้เราจะลงรายละเอียดคำสั่งของ HTML โดยการใช้งานหลักจะมีดังนี้

1. คำสั่ง หรือ Tag

Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ

Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น

Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ <tag> .... </tag> โดยที่

<tag> เราเรียกว่า tag เปิด

</tag> เราเรียกว่า tag ปิด

2. Attributes

Attributes เป็นตัวบอกรายละเอียดของ tag นั้นเช่น <span align = 'left'> ... </span> เป็นการบอกว่าให้อักษรที่อยู่ใน tag นี้ชิดซ้าย

3. not case sensitive

หมายถึง คุณจะพิมพ์ <BR> หรือ <br> ก็ได้ ผลลัพธ์ออกมาไม่ต่างกัน

2.โครงสร้างของหลักของ HTML

โครงสร้างหลักของ HTML ก็จะเริ่มด้วย <html> และจบด้วย </html> เสมอ ซึ่งชุดคำสั่งที่ใช้จะแยกเป็น 2 ส่วนคือ

1. head คำสั่งที่อยู่ในส่วนนี้จะใช้บรรยายรายละเอียดเกี่ยวกับ web page ซึ่งจะไม่แสดงผลที่ web page โดยตรง

2. body คำสั่งที่อยู่ในส่วนนี้จะใช้ในการจัดรูปแบบตัวอักษร จัดหน้า ใส่รูปภาพ ซึ่งตัวอักษรในส่วนนี้จะแสดงที่ web brower โดยตรง

3.การสร้างตาราง

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

      

     ตัวอย่างการสร้างตาราง                              ผลลัพธ์                                     

4.  คำสั่งต่างๆ ที่ใช้ในการตกแต่งตารางของภาษา HTML

                  3 .1 คำสั่ง BORDER   ใช้กำหนดความหนาให้กับเส้นขอบของตาราง มีหน่วยเป็น Pixel ถ้าไม่ใส่คำสั่งนี้ไว้ด้วย  BORDER  ก็จะมีค่าเท่ากับ 1 ซึ่งเป็นค่าปกตอ คือจะไม่เห็นเส้นขอบของตาราง    

    ตัวอย่างการใช้คำสั่ง BORDER                            ผลลัพธ์                 

5.กฏ กติกา มารยาท และคำแนะนำสำหรับการใช้งาน

ภาค Quick Tags

<!-- --> แทรกหมายเหตุ

<!--# --> แทรกคำสั่งสำหรับทำงานบนเครื่องเซิร์ฟเวอร์

<!DOCTYPE> ระบุชนิดและหมายเลขรุ่น HTML

<A> กำหนดจุดลิงก์และตำแหน่งแองเคอร์

<ABBR> แสดงคำย่อ

<ACRONYM> แสดงอักษรย่อ

<ADDRESS> แสดงข้อความระบุสถานที่ติดต่อโดยเฉพาะ

<APPLET> แสดงการทำงาน Java applet

<AREA> กำหนดพื้นที่การลิงก์สำหรับอิมเมจแมปแบบ client-side

<B> แสดงข้อความแบบตัวหนา

<BASE> กำหนด URL พื้นฐานในเว็บเพจ

<BASEFONT> กำหนดรูปแบบตัวอักษรพื้นฐานในเว็บเพจ

<BDO> กำหนดทิศทางการอ่าน-เขียนข้อความ

<BGSOUND> บรรเลงเพลงประกอบ

<BIG> เพิ่มขนาดตัวอักษรขึ้น 1 ระดับ

<BLINK> แสดงข้อความแบบกะพริบ

<BLOCKQUOTE> แสดงข้อความอ้างอิง

<BODY> กำหนดขอบเขตเนื้อความของเว็บเพจ

<BR> กำหนดจุดสิ้นสุดบรรทัด (ขึ้นบรรทัดใหม่)

<BUTTON> สร้างปุ่มกดในแบบฟอร์ม

<CAPTION> แสดงคำอธิบายตาราง

<CENTER> แสดงข้อความแบบจัดกึ่งกลาง

<CITE> แสดงข้อความเพื่อการอ้างอิง

<CODE> แสดงซอร์ซโค้ดโปรแกรมคอมพิวเตอร์

<COL> กำหนดคุณสมบัติคอลัมน์ข้อมูลในตาราง

<COLGROUP> กำหนดคุณสมบัติคอลัมน์ข้อมูลในตารางแบบเป็นกลุ่ม

<COMMENT> แทรกหมายเหตุ

ใบงาน สรุปคำสั่ง HTML

สรุปคำสั่ง HTML

  คำสั่งพื้นฐาน

< !-- ข้อความ -->                           คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ

<br>                                         คำสั่งขึ้นบรรทัดใหม่  

<p> ข้อความ </p>                         คำสั่งย่อหน้าใหม่

<hr width = "50%" size = "3">         คำสั่ง ตีเส้น, กำหนดขนาดเส้น

&nbsp;                                      คำสั่ง เพิ่มช่องว่าง

<IMG SRC = "PHOTO.GIF">           คำสั่งแสดงรูปภาพชื่อ Photo.gif

<CENTER> ข้อความ </CENTER>      คำสั่งจัดให้ข้อความอยู่กึ่งกลาง

<HTML> </HTML>                      คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง                                                          </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม

<HEAD> </HEAD>                      คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่                                                   ภายใน

<TITLE> </TITLE>                      คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar

<BODY> </BODY>                      คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์                                                       ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น

  รูปแบบตัวอักษร

<font size = "3">                         ข้อความ </font>         ขนาดตัวอักษร

<font color = "red">                     ข้อความ </font>      สีตัวอักษร

<font face = "Arial">                    ข้อความ </font>    รูปแบบตัวอักษร

<besefont size = "2">                   ข้อความ </font>    กำหนดค่าเริ่มต้นของขนาดตัวอักษร

<b> ข้อความ </b>                        ตัวอักษรหนา

<i> ข้อความ </i>                          ตัวอักษรเอน

<u> ข้อความ </u>                        ขีดเส้นใต้ตัวอักษร

<tt> ข้อความ </tt>                       ตัวอักษรแบบพิมพ์ดีด

         

หมายเหตุ เราสามารถใช้คำสั่งกำหนดรูปแบบตัวอักษร หลายๆรูปแบบได้ เช่น

<font face = "Arial" size = "3" color = "red"> ข้อความ </font> เป็นต้น

   การแสดงผลแบบรายการแบบมีหมายเลขกำกับ

<OL value = "1" >

    <LI> รายการที่ 1

    <LI> รายการที่ 2

</OL>

การแสดงผลแบบรายการ ใช้คำสั่ง <OL> เป็นเริ่มและปิดท้ายด้วย </OL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการได้หลายแบบเช่น เรียงลำดับ 1,2,3... หรือ I,II,III... หรือ A,B,C,... ได้ทั้งนี้จะต้องเพิ่มคำสั่งเข้าไปที่ <OL value = "A"> เป็นต้น

    การแสดงผลแบบรายการแบบมีสัญลักษณ์กำกับ

<UL type = "square">

    <LI> รายการที่ 1

    <LI> รายการที่ 2

</UL>

การแสดงผลแบบรายการ ใช้คำสั่ง <UL> เป็นเริ่มและปิดท้ายด้วย </UL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการ ที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการแบบต่างๆ ดังต่อไปนี้

 - รูปวงกลมทึบ "disc"

- รูปวงกลมโปร่ง "circle"

- รูปสี่เหลี่ยม "square"

 ได้ทั้งนี้จะต้องเพิ่มคำสั่งเข้าไปที่ <UL type = "square"> เป็นต้น

คำสั่งแสดงสัญลักษณ์พิเศษต่างๆ

สัญลักษณ์พิเศษบางตัวเช่น เครื่องหมายมากว่า (>) หรือ เครื่องหมายน้อยกว่า (<) ซึ่งเครื่องหมายเหล่านี้ใช้ในภาษา HTML ด้วยทำให้ตัวอักษรที่อยู่ในเครื่องหมายเหล่านี้กลายเป็น Tag หมด หรือเครื่องหมายที่ไม่มีบนคีบอร์ด แต่ถ้าเราต้องการแสดงเครื่องหมายเหล่านี้เราต้องใช้ Entity Name แทน ตามแบบด้านล่าง

Character                            Entity                                                     Name

©                                     &copy;                                             COPYRIGHT SIGN

®                                     &reg;                                              REGISTERED SIGN

™                                    &trade;                                           TRADE MARK SIGN

>                                     &gt;                                            GREATER-THAN SIGN

<                                     &lt;                                                 LESS-THAN SIGN

;                                      &semi;                                               SEMICOLON

&                                    &amp;                                                AMPERSAND

"                                     &quot;                                            QUOTATION MARK

#                                     &num;                                              NUMBER SIGN

★                                  &starf;                                                BLACK STAR

☆                                  &star;                                                 WHITE STAR

✓                                  &check;                                              CHECK MARK

✗                                  &cross;                                                 BALLOT X

                                     &nbsp;                                                    SPACE

←                                &larr;                                              LEFTWARDS ARROW

↑                                  &uarr;                                               UPWARDS ARROW

→                                &rarr;                                            RIGHTWARDS ARROW

↓                                  &darr;                                            DOWNWARDS ARROW

€                                   &euro;                                                  EURO SIGN

▽                                &xdtri;                                 WHITE DOWN-POINTING TRIANGLE

∑                                 &sum;                                           N-ARY SUMMATION

№                                &numero;                                          NUMERO SIGN

℗                                &copysr;                                  SOUND RECORDING COPYRIGHT

EXAMPLE PICTURE