ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์จาก พฤษภาคม, 2018

การสร้างเฟรมแนวตั้ง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLEโรงเรียนปากพะยูนพิทยาคาร:เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <frameset cols =*,*> <frame src = http://www.pykschool.ac.th/html_ex/5_3.html> <frame src = http://www.pykschool.ac.th/html_ex/5_4.html> </frameset> </HTML> แสดงผลลลัพธ์

การสร้างเฟรมแนวนอน

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLEโรงเรียนปากพะยูนพิทยาคาร:เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <frameset rows =40%,*> <frame src = "http://www.pykschool.ac.th/html_ex/5_3.html"> <frame src = "http://www.pykschool.ac.th/html_ex/5_4.html"> </frameset> </HTML> แสดงผลลลัพธ์

การรวมเซลล์ในแนวตั้ง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bgcolor = violet> <caption><b>สถิตินักเรียนที่จบการศึกษา</b></caption> <tr align = "center" bgcolor = "blue"> <tr> <td align = "center"rowspan = "2"> ปีการศึกษา 2555</td> <td>ชาย</td> <td>หญิง</td> </tr> <tr> <td>340 คน</td> <td>210 คน </td> </tr> <tr> <td align = "center"rowspan = "2"> ปีการศึกษา 2556</td> <td>ชาย</td> <td>หญิง</td> </tr> <tr> <td>320 คน</td> <td>220 คน</td> </tr> </table> </BODY> </HTML>

การรวมเซลล์ในแนวนอน

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bgcolor = violet> <caption><b>สถิตินักเรียนที่จบการศึกษา</b></caption> <tr align = "center" bgcolor = "blue"> <tr> <td align = "center"colspan = "2"> ปีการศึกษา 2555</td> <td align = "center"colspan = "2"> ปีการศึกษา 2556</td> </tr> <tr align = "center"> <td>ชาย</td> <td>หญิง</td> <td>ชาย</td> <td>หญิง</td> </tr> <tr align = "center"> <td>340 คน</td> <td>210 คน </td> <td>320 คน</td> <td>220 คน</td> </tr> </table&

การกำหนดสีให้แถวของตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bgcolor = violet> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <tr align = "center" bgcolor = "blue"> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> <tr align = "left" bgcolor = "yellow"> <td>แมว</td> <td>ขา</td> <td>เดิน</td> </tr> <tr align = "right" bgcolor = "pink"> <td>นก</td> <td>ปีก</td> <td>บิน</td> </tr> </table>

การกำหนดตำแหน่งข้อมูลของแถวในตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bgcolor = violet> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <tr align = "center"> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> <tr align = "left"> <td>แมว</td> <td>ขา</td> <td>เดิน</td> </tr> <tr align = "right"> <td>นก</td> <td>ปีก</td> <td>บิน</td> </tr> </table> </BODY> </HTML> แสดงผลลลัพธ์

การกำหนดสีพื้นหลังของตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bgcolor = violet> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <tr> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> <tr> <td>แมว</td> <td>ขา</td> <td>เดิน</td> </tr> <tr> <td>นก</td> <td>ปีก</td> <td>บิน</td> </tr> </table> </BODY> </HTML> แสดงผลลลัพธ์

การนำรูปภาพเป็นพื้นหลังตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" background = http://www.pykschool.ac.th/html_ex/monitor.png> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <tr> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> <tr> <td>แมว</td> <td>ขา</td> <td>เดิน</td> </tr> <tr> <td>นก</td> <td>ปีก</td> <td>บิน</td> </tr> </table> </BODY> </HTML> แสดงผลลลัพธ์

การกำหนดความกว้างความสูงของตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bordercolor = "pink" align = "center"width = 120% height = 20%> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <tr> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> แสดงผลลลัพธ์

กำหนดรูปแบบของเส้นตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table border = "2" bordercolor = "pink"> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <tr> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> <tr> <td>แมว</td> <td>ขา</td> <td>เดิน</td> </tr> <tr> <td>นก</td> <td>ปีก</td> <td>บิน</td> </tr> </table> </BODY> </HTML> แสดงผลลลัพธ์

การสร้างตาราง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : การสร้างตาราง</TITLE> </HEAD> <BODY> <table> <caption><b>การเคลื่อนที่ของสัตว์</b></caption> <th>ชนิดของสัตว์</th> <th>อวัยวะที่ใช้ในการเคลื่อนที่</th> <th>ลักษณะการเคลื่อนที่</th> <!--เริ่มแถวที่ 1 -> <tr> <td>ผึ้ง</td> <td>ปีก</td> <td>บิน</td> </tr> <!--เริ่มแถวที่ 2 -> <tr> <td>แมว</td> <td>ขา</td> <td>เดิน</td> </tr> <!--เริ่มแถวที่ 3 -> <tr> <td>นก</td> <td>ปีก</td> <td>บิน</td> </tr> </table> </BODY> </HTML> แสดงผลลลัพธ์

การกำหนดสีจุดเชื่อมโยง

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร</TITLE> </HEAD> <BODY LINK = "yellow" VLINK = "green" ALINK = "RED"> <font face = "Angsana new" font color = "blue" font size = "5" > <h2>เทคโนโลยีสารสนเทศ</h2> <font size = "5"> <a href = "http://www.ipst.ac.th/" target = _blank>คลิกที่นี่ เข้าสู่เว็บไซต์สถาบันส่งเสริมการสอนวิทยาศาสตร์และเทคโนโลยี</a><br> <a href = "http://www.nectec.or.th/" target = _blank>คลิกที่นี่ เข้าสู่เว็บไซต์ศูนย์เทคโนโลยีอิเล็กทรอนิกส์และคอมพิวเตอร์แห่งชาติ</a><br> </font> </BODY> </HTML> แสดงผลลลัพธ์

การเชื่อมโยงไปยัง E-mail

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร</TITLE> </HEAD> <BODY> <font face = "Angsana new" font color = "blue" > <h2>การเขียนเว็บไซต์ด้วยภาษา HTML1</h2> <font size = "5"> <a href = "mailto: mookdabua@gmail.com" target = "_parent"</a>คลิกที่นี่เพื่อติดต่อผู้สอน<br> </font> </font> </BODY> </HTML> แสดงผลลลัพธ์

การเชื่อมโยงไปยังเว็บไซต์อื่น

ทดลองเขียนโปรแกรม <html> <head> <title>โรงเรียนปากพะยูนพิทยาคาร</title> </head> <body> <font face = "Angsana new" font color = "blue" > <h2>เทคโนโลยีสารสนเทศ</h2> <font size = "5"> <a href = "http://www.ipst.ac.th/" target = _blank>คลิกที่นี่ เข้าสู่เว็บไซต์สถาบันส่งเสริมการสอนวิทยาศาสตร์และเทคโนโลยี</a><br> <a href = "http://www.nectec.or.th/" target = _blank>คลิกที่นี่ เข้าสู่เว็บไซต์ศูนย์เทคโนโลยีอิเล็กทรอนิกส์และคอมพิวเตอร์แห่งชาติ</a><br> </font> </font> </body> </html> แสดงผลลลัพธ์

การเชื่อมโยงไปหน้าเอกสารอื่นในเว็บไซต์เดียวกัน

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร</TITLE> </HEAD> <BODY> <font face = "Angsana new" font color = "blue" > <h2>การตกแต่งเว็บเพจด้วยรูปภาพ</h2> <font size = "5"> <a href = "http://www.pykschool.ac.th/html_ex/5_1.html" target = _blank>การใช้คำสั่งแทรกรูปภาพ</a><br> <a href = "http://www.pykschool.ac.th/html_ex/5_3.html" target = _parent>การใช้คำสั่งปรับขนาดรูปภาพ</a><br> <a href = "http://www.pykschool.ac.th/html_ex/5_4.html" target = _self>การใช้คำสั่งใส่ข้อความกำกับรูปภาพ</a><br> <a href = "http://www.pykschool.ac.th/html_ex/5_5.html" target = _top>การใช้คำสั่งใส่กรอบและสีกรอบรูปภาพ</a><br> </font> </font> </BODY> </HTML> แสดงผลลลัพธ์

การเชื่อมโยงภายในเอกสารเดียวกัน

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>องค์ประกอบของระบบคอมพิวเตอร์ : โรงเรียนปากพะยูนพิทยาคาร</TITLE> </HEAD> <BODY> <pre> <font face = "Angsana new" font color = "blue" > <h2>องค์ประกอบของระบบคอมพิวเตอร์</h2></font> <font face = "Angsana new" font size = "5">อุปกรณ์คอมพิวเตอร์แต่ละเครื่องจะมีจำนวนแตกต่างกัน และมีคุณภาพและประสิทธิภาพยังแตกต่างกันด้วย เช่น จอภาพสำหรับผู้ทำงานด้านมัลติมีเดียวมีคุณภาพ หรือประสิทธิภาพในการแสดงผลมากกว่าจอภาพสำหรับผู้ทำงานด้านเอกสารสิ่งพิมพ์ ความแตกต่างของอุปกรณ์คอมพิวเตอร์ที่ตอบสนองต่อการทำงานของมนุษย์ ในแต่ละด้านนั้นจะทำงานบนพื้นฐานของระบบคอมพิวเตอร์ซึ่งประกอบด้วยองค์ประกอบ หลัก 5 ส่วน ได้แก่ <a name = "top"></a> <a href="#link01">หน่วยรับข้อมูล</a> <a href="#link02">หน่วยประมวลผล</a> <a href="#link03">หน

การวางรูปภาพพื้นหลังด้วยรูปภาพ

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <BODY BACKGROUND = "http://www.pykschool.ac.th/html_ex/bg1.jpg"> <pre> <font face ="Angsana new"><font color = "yellow"><h2><center>เครื่องคอมพิวเตอร์แบบพกพา</center></h2></font></font> <img src = "http://www.pykschool.ac.th/html_ex/tablet.jpg" height = "200" hspace = "10" vspace = "20"align = "left"> <pre> <font face = "Cordia new"> <font size = "4"><font color = "pink"> Tablet แท็บเล็ตคือ คอมพิวเตอร์พกพา หรือคอมพิวเตอร์ที่สามารถใช้งานขณะเคลื่อนที่ได้ขนาดกลาง ที่มีหน้าจอแบบสัมผัสในการใช้งานเป็นหลักโดยหลักๆ แล้วก็มี 2 ความหมายด้วยกันคือ ”แท็บเล็ต พีซี – Tablet PC (Tablet Personal Compu

การกำหนดระยะห่างรูปภาพกับข้อความ

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <BODY> <font face ="Angsana new"><font color = "green"><h2><center>เครื่องคอมพิวเตอร์แบบพกพา</center></h2></font></font> <img src = "http://www.pykschool.ac.th/html_ex/tablet.jpg" height = "200" hspace = "10" vspace = "20"align = "left"> <pre> <font face = "Cordia new"> <font size = "5"><font color = "blue"> Tablet แท็บเล็ต คือ คอมพิวเตอร์พกพาหรือคอมพิวเตอร์ที่สามารถใช้งานขณะเคลื่อนที่ได้ขนาดกลาง ที่มีหน้าจอแบบสัมผัสในการใช้งานเป็นหลักโดยหลักๆ แล้วก็มี 2 ความหมายด้วยกันคือ “แท็บเล็ต พีซี – Tablet PC (Tablet Personal Computer)”และ แท็บเล็ต คอมพิวเตอร์ Tablet Computer หรือเรียกสั้นๆ ว่า “แท็บ

การใส่กรอบให้กับรูปภาพ

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <BODY> <font face ="Angsana new"><font color = "green"><h2><center>การกำหนดกรอบรูปภาพ</center></h2></font></font> <img src = "http://www.pykschool.ac.th/html_ex/tablet.jpg" align = "middle" height = "200" border = "3"> <img src = "http://www.pykschool.ac.th/html_ex/tablet.jpg" align = "middle" height = "200" border = "5"> </BODY> </HTML> แสดงผลลลัพธ์

การแสดงภาพในเว็บ

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <BODY> <img src = "http://www.pykschool.ac.th/html_ex/monitor.png" width = "200"> <font face ="Angsana New"> <font size = “5”><p align = "left">จอภาพ </p></font></font> <img src = "http://www.pykschool.ac.th/html_ex/tablet.jpg" width = "200"> <font face ="Cordia New"> <font size = “5”><p aling = "left">เครื่องคอมพิวเตอร์แบบพกพา</p> </font></font> </BODY> </HTML> แสดงผลลลัพธ์

การจัดตำแหน่งรูปภาพ

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <BODY TEXT = "BLUE"> <basefont face= "Angsana new"> <h2>จอภาพหรือมอนิเตอร์ (Monitor)</h2> <img src = "http://www.pykschool.ac.th/html_ex/monitor.png" align ="left" width = "150" > <basefont size = "4"> <pre> เป็นอุปกรณ์คอมพิวเตอร์ที่ทำหน้าที่ในหน่วยแสดงผลโดยทำงาน ร่วมกับการ์ดจอที่ติดตั้งภายในเคส จอภาพมีหลายประเภทประเภทที่นิยมใช้ในปัจจุบันคือ จอภาพแบบแบนหรือจอแอลซีดี (LCD: Liquid Crystal Display) มีรูปทรงสวยงามใช้พื้นที่ในการติดตั้งน้อยมีคุณภาพในการแสดงผลสูง เนื่องจากใช้เทคโนโลยีของผลึกเหลวที่เป็นสารโปร่งใส เมื่อถูกแสงจะเกิดการเรียงโมเลกุลใหม่กลายเป็นของแข็งที่ใช้ในการแสดงภาพ </pre> </font>

การแสดงข้อความตามรูปแบบที่กำหนด

ทดลองเขียนโปรแกรม <HTML> <HEAD> <TITLE>โรงเรียนปากพะยูนพิทยาคาร : เทคโนโลยีสารสนเทศ</TITLE> </HEAD> <BODY> <pre> <font face ="TH SarabunPSK"> <font size = "5"> อุปกรณ์คอมพิวเตอร์ที่ตอบสนองต่อการทำงานของมนุษย์ในแต่ละด้านนั้นจะทำงานบน พื้นฐานของระบบคอมพิวเตอร์ซึ่งประกอบด้วยองค์ประกอบหลัก 5 ส่วน ได้แก่ หน่วยรับข้อมูล หน่วยประมวลผล หน่วยความจำหลักหน่วยแสดงผล และหน่วยความจำสำรอง 1. หน่วยรับข้อมูล(Input Unit)ทำหน้าที่รับข้อมูล โปรแกรม และคำสั่งต่าง ๆ เข้าสู่ระบบคอมพิวเตอร์ 2. หน่วยประมวลผลกลาง (CPU:Central Processing Unit) ทำหน้าที่ประมวลผลข้อมูล แบ่งเป็น 2 ส่วนคือ หน่วยควบคุม (Control Unit)ทำหน้าที่ควบคุมการทำงานของคอมพิวเตอร์ และหน่วยคำนวณและตรรกะ(Arithmetic Logic Unit) ทำหน้าที่คำนวณทางคณิตศาสตร์และเปรียบเทียบค่าทางตรรกศาสตร์ 3. หน่วยความจำหลัก (Main Memory Unit) ทำหน้าที่บันทึกโปรแกรมและข้อมูลที่จำเป็นต่อ การทำงา

การกำหนดตัวอักษรขีดเส้นใต้

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font face ="TH SarabunPSK"> <font size = "5"> <u>สแกนเนอร์(Scanner)เป็นอุปกรณ์ที่ทำหน้าที่ในหน่วยรับข้อมูล มีหลายประเภทดังนี้</u><br><br> <u>Optical Reader</u>เครื่องอ่านรหัสแท่ง หรือเครื่องอ่านบาร์โค้ด ใช้สำหรับเปลี่ยนรหัสแท่งให้เป็นข้อมูลต่างๆ ซึ่งนิยมใช้ในห้างสรรพสินค้าร่วมกับซอฟต์แวร์<br> <u>Optical Scanner</u>ใช้สำหรับนำเข้าข้อมูลประเภทข้อความและรูปภาพ นิยมติดตั้งและเชื่อมต่อกับคอมพิวเตอร์ส่วนบุคคลเพื่อใช้สแกนภาพนิ่ง โดยจะใช้ร่วมกับซอฟต์แวร์กราฟิก</dd><br> </font> </body> </html> แสดงผลลลัพธ์

การกำหนดตัวอักษรตัวเอียง

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font face ="TH SarabunPSK"> <font size = "5"> <i>สแกนเนอร์(Scanner)เป็นอุปกรณ์ที่ทำหน้าที่ในหน่วยรับข้อมูล มีหลายประเภทดังนี้</i><br><br> <i>Optical Reader</i>เครื่องอ่านรหัสแท่ง หรือเครื่องอ่านบาร์โค้ด ใช้สำหรับเปลี่ยนรหัสแท่งให้เป็นข้อมูลต่างๆ ซึ่งนิยมใช้ในห้างสรรพสินค้าร่วมกับซอฟต์แวร์<br> <i>Optical Scanner</i>ใช้สำหรับนำเข้าข้อมูลประเภทข้อความและรูปภาพ นิยมติดตั้งและเชื่อมต่อกับคอมพิวเตอร์ส่วนบุคคลเพื่อใช้สแกนภาพนิ่ง โดยจะใช้ร่วมกับซอฟต์แวร์กราฟิก</dd><br> </font> </body> </html> แสดงผลลลัพธ์

การกำหนดลักษณะตัวอักษรตัวหนา

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font face ="TH SarabunPSK"> <font size = "5"> <b>สแกนเนอร์(Scanner)เป็นอุปกรณ์ที่ทำหน้าที่ในหน่วยรับข้อมูล มีหลายประเภทดังนี้</b><br><br> <b>Optical Reader</b>เครื่องอ่านรหัสแท่ง หรือเครื่องอ่านบาร์โค้ด ใช้สำหรับเปลี่ยนรหัสแท่งให้เป็นข้อมูลต่างๆ ซึ่งนิยมใช้ในห้างสรรพสินค้าร่วมกับซอฟต์แวร์<br> <b>Optical Scanner</b>ใช้สำหรับนำเข้าข้อมูลประเภทข้อความและรูปภาพ นิยมติดตั้งและเชื่อมต่อกับคอมพิวเตอร์ส่วนบุคคลเพื่อใช้สแกนภาพนิ่ง โดยจะใช้ร่วมกับซอฟต์แวร์กราฟิก</dd><br> </font> </body> </html> แสดงผลลลัพธ์

การแสดงข้อมูลรายการแบบเรียงลำดับ

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font face ="TH SarabunPSK"> <h2>การติดตั้งเครื่องคอมพิวเตอร์</h2> <ol type = "1"> <font size = "4"> <li>ขั้นการตรวจสอบก่อนติดตั้งคอมพิวเตอร์<br> <li>ขั้นการเชื่อมต่ออุปกรณ์คอมพิวเตอร์<br> </ol> <h2>ขั้นการตรวจสอบก่อนติดตั้งคอมพิวเตอร์</h2> <ol type = "A"> <li>ไม่เชื่อมต่อคอมพิวเตอร์กับแหล่งจ่ายพลังงานไฟฟ้า<br> <li>เชื่อมต่อคอมพิวเตอร์เพื่อใช้งานขั้นพื้นฐานได้ถูกต้อง<br> <li>ตรวจสอบคุณสมบัติของเครื่องคอมพิวเตอร์<br> </ol> <h2>ขั้นการเชื่อมต่ออุปกรณ์คอมพิวเตอร์</h2> <ol type = "I"> <li>คอมพิวเตอร์ที่ติดตั้งอินเทอร์นัลโมเด็ม<br>

การแสดงรายการแบบไม่มีลำดับ

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font face ="TH SarabunPSK"> <h2>การเชื่อมต่ออินเทอร์เน็ตต้องอาศัยองค์ประกอบที่สำคัญ 5 ส่วน ได้แก่</h2> <ul type = "circle"> <font size = "4"> <li>ระบบคอมพิวเตอร์<br> <li>อุปกรณ์เชื่อมต่อเครือข่าย<br> <li>เว็บบราวเซอร์<br> <li>มาตรฐานในการควบคุมข้อมูล<br> <li>ผู้ให้บริการเชื่อมต่ออินเทอร์เน็ต<br> <hr align = "left" width = "95%" size = "2" color = "pink"> </ul> <h2>การเชื่อมต่ออินเทอร์เน็ตสามารถแบ่งได้ตามลักษณะของการเชื่อมต่อเป็น 5 ประเภท</h2> <ul type = "square"> <li>Dial_Up<br> <li>ISDN<br>

การแสดงลำดับรายการ

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <h3>ระบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่</h3> <hr align = "left" width = "95%" size = "7" color = "pink"> <ul> <li>หน่วยรับข้อมูล (Input Unit)<br> <li>หน่วยประมวลผลกลาง(CPU:Central Processing Unit)<br> <li>หน่วยความจำหลัก(Main Memory)<br> <li>หน่วยแสดงผล(Output Unit)<br> <li>หน่วยความจำสำรอง(Storage Unit)<br> </ul> </body> </html> แสดงผลลลัพธ์

การแสดงเส้นคั่นในแนวนอน

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> ระบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่<br> <hr> หน่วยรับข้อมูล (Input Unit)<br> <hr align = "center" width = "650" color = "blue" size = “7”> หน่วยประมวลผลกลาง(CPU:Central Processing Unit)<br> หน่วยความจำหลัก(Main Memory)<br> <hr align = "right" width = "80%" size = "15" color = "pink"> หน่วยแสดงผล(Output Unit)<br> หน่วยความจำสำรอง(Storage Unit)<br> <hr align = "left" width = "50%" size = "10" color = "orange"> </body> </html> แสดงผลลลัพธ์

การแสดงช่องว่างตามรูปแบบที่กำหนด

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> ระะบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่<br> หน่วยรับข้อมูล   (Input Unit)<br> หน่วยประมวลผลกลาง  (CPU:Central Processing Unit)<br> หน่วยความจำหลัก   (Main Memory)<br> หน่วยแสดงผล  (Output Unit)<br> หน่วยความจำสำรอง  (Storage Unit)<br> </body> </html> แสดงผลลลัพธ์

การกำหนดข้อความเป็นหัวเรื่อง

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <h1>ระบบคอมพิวเตอร์</h1> <h2>ระบบคอมพิวเตอร์</h2> <h3>ระบบคอมพิวเตอร์</h3> <h4>ระบบคอมพิวเตอร์</h4> <h5>ระบบคอมพิวเตอร์</h5> <h6>ระบบคอมพิวเตอร์</h6> </body> </html> แสดงผลลลัพธ์

การกำหนดสีพื้นให้กับข้อความ

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <basefont size = "+4"> <marquee bgcolor = "yellow" >ระบบคอมพิวเตอร์</marquee> <marquee bgcolor = "#FFCC01" >ระบบคอมพิวเตอร์</marquee> </body> </html> แสดงผลลลัพธ์

การกำหนดทิศทางวิ่งของข้อความ

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <basefont size = "+4"> <marquee direction = "right" >ระบบคอมพิวเตอร์</marquee> <marquee direction = "left" >ระบบคอมพิวเตอร์</marquee> </body> </html> แสดงผลลลัพธ์

การกำหนดอักษรวิ่ง

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <basefont size = "+4"> <marquee behavior = alternate>ระบบคอมพิวเตอร์</marquee> <marquee behavior = scroll>ระบบคอมพิวเตอร์</marquee> <marquee behavior = slide>ระบบคอมพิวเตอร์</marquee> </body> </html> แสดงผลลลัพธ์

การกำหนดสีตัวอักษร

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <basefont size = "+4"> <font color = "red">ระบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่</font><br> <font color = "#339933">หน่วยรับข้อมูล(Input Unit)</font><br> <font color = "blur">หน่วยประมวลผลกลาง(Central Processing Unit)</font><br> <font color = "#0000CC">หน่วยความจำหลัก(Main Memory)</font><br> <font color = "magenta">หน่วยแสดงผล(Output Unit)</font><br> <font color = "#FF3300">หน่วยความจำสำรอง(Storage Unit)</font><br> </body> </html> แสดงผลลลัพธ์

การกำหนดแบบตัวอักษร

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font face ="TH SarabunPSK">รูปแบบตัวอักษร TH SarabunPSK ระบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่</font><br> <font face ="Cordia New">รูปแบบตัวอักษร Cordia New หน่วยรับข้อมูล(Input Unit)</font><br> <font face ="Angsana New">รูปแบบตัวอักษร Angsana New หน่วยประมวลผลกลาง(Central Processing Unit)</font><br> <font face ="Microsoft Sans Serif"> รูปแบบตัวอักษร Microsoft Sans Serif หน่วยความจำหลัก(Main Memory)</font><br> <font face ="Browallia New"> รูปแบบตัวอักษร Browallia New หน่วยแสดงผล(Output Unit)</font><br> <font face ="Arial Unicode MS"> รูปแบบตัวอักษร Arial Unicode MS หน่วยความจำสำรอง(Storage Unit)</font><br> </body> </html>

การปรับเปลี่ยนขนาดตัวอักษร

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <font size = "1">ระบบคอมพิวเตอร์</font><br> <font size = "2">ระบบคอมพิวเตอร์</font><br> <font size = "3">ระบบคอมพิวเตอร์</font><br> <font size = "4">ระบบคอมพิวเตอร์</font><br> <font size = "5">ระบบคอมพิวเตอร์</font><br> <font size = "6">ระบบคอมพิวเตอร์</font><br> <font size = "7">ระบบคอมพิวเตอร์</font><br> </body> </html> แสดงผลลลัพธ์

การจัดตำแหน่งการแสดงผล

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> <p align = "center">ระบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่</p> <p align = "left">หน่วยรับข้อมูล(Input Unit)</p> <p align = "left">หน่วยประมวลผลกลาง(Central Processing Unit)</p> <p align = "right">หน่วยความจำหลัก(Main Memory Unit)</p> <p align = "right">หน่วยแสดงผล(Output Unit)</p> <p align = "right">หน่วยความจำสำรอง(Storage Unit)</p> <p align = "justify">องค์ประกอบของระบบคอมพิวเตอร์ดังกล่าวจะทำงานผ่านอุปกรณ์คอมพิวเตอร์แต่ละประเภทโดยอุปกรณ์บางอย่างจะติดตั้งอยู่ในเคสของคอมพิวเตอร์</p> </body> </html> แสดงผลลลัพธ์

การขึ้นบรรทัดใหม่

ทดลองเขียนโปรแกรม <html> <head> <title>เทคโนโลยีสารสนเทศ</title> </head> <body> ระบบคอมพิวเตอร์ประกอบด้วยองค์ประกอบหลัก 5 ส่วนได้แก่ <br> <br> หน่วยรับข้อมูล(Input Unit)<br> หน่วยประมวลผล(Central Processing Unit)<br> หน่วยความจำหลัก(Main Memory)<br> หน่วยแสดงผล(Output Unit)<br> หน่วยความจำสำรอง(Storage Unit)<br> </body> </html> แสดงผลลลัพธ์

โครงสร้างภาษาhtml

ทดลองเขียนโปรแกรม <html> <head> <title>ชื่อหัวเรื่อง</title> </head> <body> ข้อความที่ต้องการแสดงบนเว็บเพจ </body> </html> แสดงผลลลัพธ์

HTML Headings

ทดลองเขียนโปรแกรม <html> <head> <title>HTML Headings</title> </head> <body> <h1> Welcome Coders!</h1> <h2> Welcome Coders!</h2> <h3> Welcome Coders!</h3> <h4> Welcome Coders!</h4> <h5> Welcome Coders!</h5> <h6> Welcome Coders!</h6> </body> </html> แสดงผลลลัพธ์