Posted by: chutiwan | กรกฎาคม 11, 2010

บรรณนานุกรม

บรรณานุกรม     

 กาย   กำเนิดรัตน์.   สร้างเว็บด้วย HTML&XHTML. ซัคเซสมีเดีย จำกัด.2549.

 ณัชติพงศ์   อูทอง.   การสร้างเว็บเพจ (ภาษา HTML) . กรุงเทพฯ. เอมพันธ์จำกัด. 2548.

  มณีโชติ   สมานไทย.  สร้างเว็บเพจแบบมืออาชีพด้วย HTML. กรุงเทพฯ, ดงกมลสมัยจำกัด. 2544

  มาโนต   กลิ่นประทุม.   เทคนิคการใช้ HTML. กรุงเทพ ฯ. เอ็นไซโคลกราฟ. 2542

  สุปราณี   ธีรไกรศรี.   HTML 4  Visual Guide . กรุงเทพฯ.ซีเอ็ดยูเคชั่น

                   จำกัด มหาชน). 2542

Advertisements

แบบทดสอบก่อนเรียน หลังเรียนเรื่องการแบ่งหน้าจอโดยใช้เฟรม

 1. ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับคำสั่ง เฟรม (Frame) ของภาษาเอชทีเอ็มแอล

     ก. การแบ่งหน้าจอการแสดงผลแต่ละส่วน มีความเป็นอิสระต่อกัน

     ข. สามารถแบ่งออกเป็นส่วนได้มากกว่า 2 ส่วน

    ค. ลักษณะของเฟรมจะประกอบขึ้นจากรูปสี่เหลี่ยม

    ง. สามารถทำการแบ่งส่วนของหน้าจอออกเป็นสามเหลี่ยม ห้าเหลี่ยม หรือวงกลมได้

 2. คำสั่งเริ่มต้นที่ใช้สำหรับการสร้างเฟรม (Frame) คือข้อใด

     ก. คำสั่ง <Frame>

     ข. คำสั่ง <Frameset>

     ค. คำสั่ง <FrameBorder>

     ง. คำสั่ง <FrameBody>

 3. การกำหนดค่าขนาดของเฟรมกำหนดค่าในข้อใด

     ก. พิกเซล  ( Pixel )

     ข. จุด  ( Dot )

    ค. เปอร์เซนต์ ( % )

     ง. ถูกทั้งข้อ ก และข้อ ค

 4. ในการกำหนดเฟรม ( Frame ) ตามแนวตั้ง  โดยแบ่งให้เป็น 2 เฟรม  จะใช้คำสั่งในข้อใด

     ก. <Frameset Rows=”50, *”)

     ข. <Frameset Cols=”50, *”)

     ค. <Frameset Cols=”50, * ,50”)

     ง. <Frameset Rows=”50, * , 50”)

 5. ถ้าต้องการกำหนดให้มีเฟรมในแนวนอน 1 เฟรม  และแนวตั้ง 2 เฟรม  จะใช้คำสั่งในข้อใด

     ก. <Frameset Cols=”50, * ,50”)

     ข. <Frameset Rows=”50” Cols=”50, *”)

     ค. <Frameset Cols=”50” Rows=”50, *”)

     ง. ไม่มีข้อถูก

 6. ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับการใช้งานคำสั่งสำหรับกำหนดค่าตัวเลื่อน

     ก. ถ้าต้องการให้สามารถใช้งานแถบตัวเลื่อน  ต้องใช้คำสั่ง  Scrolling=yes

     ข. ถ้าต้องการให้สามารถใช้งานแถบตัวเลื่อน  ต้องใช้คำสั่ง  Scrolling=auto

     ค. ถ้าต้องการให้สามารถใช้งานแถบตัวเลื่อน  ต้องใช้คำสั่ง  Scrolling=off

     ง. หากไม่ทำการกำหนดค่า Scrolling  จะถูกกำหนดให้เป็น Auto  เสมอ

7. คำสั่งใดเป็นคำสั่งที่กำหนดให้ไม่สามารถทำการปรับขนาดของเฟรมได้

     ก. <Frame Noresize>

     ข. <Frame Solid>

     ค. <Frame Fix>

     ง.  <Frame Fixsize>

8. การกำหนดเส้นขอบของเฟรม  สามารถทำได้โดยการใช้คำสั่งในข้อใด

     ก. <Frame FrameBorder=Yes>

     ข. <Frame Border=Yes>

     ค. <Frameset FrameBorder=Yes>

     ง. <Frameset Border=Yes>

 9. การกำหนดค่าของเส้นขอบเฟรมต้องกำหนดด้วยค่าในข้อใด

     ก. yes

     ข. no

     ค. auto

     ง. ถูกทั้งข้อ ก และข้อ ข

 10. ข้อใดคือประโยชน์ของการนำเฟรมเข้ามาใช้ในเอกสารเว็บ

     ก.  เพื่อลดพื้นที่ของการแสดงผลข้อมูลของเอกสารเว็บ

     ข. ไม่สิ้นเปลืองหน้าจอ  ในกรณีที่เชื่อมโยงข้อมูลไปยังอกสารใหม่

     ค. สามารถแสดงข้อมูลได้หลายแฟ้มข้อมูลในหน้าต่างเดียวกัน

     ง. เพิ่มความเร็วในการดึงข้อมูลของเอกสารเว็บ

Posted by: chutiwan | กรกฎาคม 11, 2010

ข้อสอบการสร้างฟอร์ม

แบบทดสอบก่อนเรียน หลังเรียนเรื่องการสร้างฟอร์ม (Form)

 1. การสร้างเว็บเพจที่มีการแลกเปลี่ยนข้อมูลระหว่างผู้สร้างและผู้ใช้เว็บเพจได้นั้น  ต้องมีการกำหนดอะไรในการรับส่งข้อมูล

     ก. การใช้เฟรม ( Frame )

     ข. แบบฟอร์ม ( Form )

     ค.  การสร้าง List

     ง. การสร้าง Background

 2. คำสั่ง <Input type=”text”> เป็นการกำหนดช่องรับข้อมูลประเภทใด

     ก. Password

     ข. Hidden

     ค. File

     ง. Text

3. ถ้าต้องการปรับขนาดของช่องรับข้อมูลในเว็บเพจต้องกำหนดด้วยแอตทริบิวต์ใด

     ก. Size

     ข. Value

     ค. Input

     ง. Type

4. ข้อใดถูกต้องในการสร้างช่องรับข้อมูลประเภท  Password

     ก.  <Input type=”text”>

     ข. <Input type=”submit”>

     ค.<Input type=”password”>

     ง.<Input type=”reset”>

5. ถ้าต้องการกำหนดให้ช่องรับรหัสผ่านขึ้นบรรทัดใหม่ ต้องใช้แท็กใดต่อจากช่องรับข้อมูล

    ประเภท Text

     ก. <P>

     ข. <B>

     ค. <BR>

     ง. <center>

6. คำสั่งแอตทริบิวต์ใดเป็นการนำรูปภาพมาใช้แทนปุ่ม  Submit

     ก. SRC

     ข. IMAGE

     ค. VALUE

     ง. NAME

7. ข้อใดถูกต้องในการสร้างปุ่มสำหรับลบข้อมูล

     ก. <Input type=”image “src=”button.gif”>

     ข. <Input type=”button “value=”<back”>

     ค. <Input type=”button “ value=”del”>

     ง. <Input type=”submit “><input type=”reset”>

8. ช่องรับข้อมูลประเภท checkbox ถ้าต้องการให้ปรากฏเครื่องหมายถูกหน้าช่องโดยที่ผู้ใช้ไม่ต้องคลิกเลือก  เราต้องเพิ่มแอตทริบิวต์ใด

     ก. checkbox

     ข. checked

     ค. textarea

     ง.gender

9. ถ้าต้องการปรับขนาดของช่องรับข้อมูลประเภท text area ต้องใช้คำสั่งแอตทริบิวต์ใด

     ก. cols

     ข. rows

     ค.cols และ rows

     ง. wrap

10. การแบ่งแบบฟอร์มออกเป็นส่วน ๆ ซึ่งจะมีผลทำให้เกิดกรอบสี่เหลี่ยมรอบช่องรับข้อมูล เกิดจากการใช้แท็กใด

     ก. fieldset

     ข. size

     ค. option

     ง. multiple

Posted by: chutiwan | กรกฎาคม 11, 2010

ข้อสอบการสร้างตาราง

แบบทดสอบก่อนเรียนเ หลังเรียนรื่องการสร้างตาราง

 1. โครงสร้างของตารางโดยทั่วไปจะประกอบไปด้วยอะไรบ้าง

     ก. แถว และ ข้อความ

     ข. แถว และ คอลัมน์

     ค. คอลัมน์ และข้อความ

     ง. คอลัมน์ และ ดัชนี

 2. คำสั่งในข้อใดเป็นคำสั่งเปิดและปิดในการสร้างตาราง

     ก. คำสั่ง <Table> และคำสั่ง </Table>

     ข. คำสั่ง <Caption> และคำสั่ง </Caption>

     ค. คำสั่ง <Tr> และคำสั่ง </Tr>

     ง. คำสั่ง <Td> และคำสั่ง </Td>

 3. คำสั่งใดที่ใช้สำหรับกำหนดช่องข้อมูลที่ทำหน้าที่เป็นหัวเรื่องของคอลัมน์

     ก.  คำสั่ง <Tr>

     ข. คำสั่ง <Td>

     ค. คำสั่ง <Th>

     ง. คำสั่ง <Table>

 4. คำสั่งในข้อใดเป็นการกำหนดข้อมูลคอลัมน์ในตาราง

     ก. คำสั่ง <Tr>

     ข. คำสั่ง <Td>

     ค. คำสั่ง <Th>

     ง. คำสั่ง <Table>

 5. การกำหนดเส้นขอบของตารางใช้คำสั่งใดเป็นตัวกำหนด

     ก. คำสั่ง  HR

     ข. คำสั่ง  BR

     ค. คำสั่ง  Border

     ง. ถูกทั้งข้อ ก. และข้อ ข.

 6. ข้อใดเป็นการกำหนดไม่ให้มีเส้นขอบของตาราง

     ก.  <Table Hr= 0>

     ข. <Table Br= 0>

     ค. <Table Border = 0>

     ง. <Table Border = no>

7. คำสั่ง Bordercolor เป็นคำสั่งในข้อใด

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

     ข. กำหนดสีของเส้นขอบตาราง

     ค. การเพิ่มสีของตัวอักษรภายในตาราง

     ง. การทำลวดลายของเส้นขอบตาราง

 8. คำสั่ง Cellpadding  เป็นคำสั่งในข้อใด

     ก. กำหนดให้มีการเว้นระยะขอบของเส้นขอบตาราง

     ข. กำหนดให้มีการเว้นระยะขอบภายในเซลข้อมูล

     ค. กำหนดให้มีการเว้นระยะของตัวอักษรในแต่ละเซล

     ง. กำหนดให้มีการเว้นช่องว่างของแถวและคอลัมน์

 9. ในการกำหนดให้ตารางอยู่กึ่งกลางของจอภาพต้องใช้คำสั่งในข้อใด

     ก. <Table> Align=Middle </Table>

     ข. <Table> Align=Center </Table>

     ค. <Table  Align=Middle> </Table>

     ง . <Table  Align=Center> </Table>

 10. การกำหนดสีพื้นของตารางใช้คำสั่งในข้อใด

     ก. คำสั่ง Backgroundcolor

     ข. คำสั่ง Bordercolor

     ค. คำสั่ง Bgcolor

     ง. ถูกทั้งข้อ ก และข้อ ค

แบบทดสอบก่อนเรียน หลังเรียนเรื่อง การตกแต่งเว็บเพจด้วยรูปภาพ

 1. แฟ้มข้อมูลรูปภาพในข้อใด นิยมใช้ประกอบในการสร้างเว็บเพจ

     ก.  .JPEG

     ข.  .GIF

     ค.  .BMP

     ง.  ถูกทั้งข้อ ก และ ข้อ ข

 2. ข้อใดไม่ใช่ไฟล์ข้อมูลรูปภาพ

     ก. Sample.jpg

     ข. Computer.gif

     ค. Mouse.bmp

     ง. printer.html

 3. ข้อใดเป็นคำสั่งที่ใช้สำหรับแทรกรูปภาพในเอกสารเว็บ

     ก. <img src=”computer.gif”>

     ข. <src=”computer.gif”>

     ค. <img src> “computer.gif” </src>

     ง. <img src> computer.gif </img>

 4. ข้อใดคือคำสั่งของการกำหนดข้อความอธิบายรูป

     ก. คำสั่ง Lowsrc

     ข. คำสั่ง Align

     ค. คำสั่ง Alt

     ง. คำสั่ง Border

 5. คำสั่งใดเป็นการกำหนดแฟ้มข้อมูลรูปภาพ โดยแสดงผลให้มีความละเอียดต่ำด้วย

     ก.  <IMG src=”computer.gif” alt=”notebook.gif”>

     ข. <IMG src=”computer.gif” lowsrc=”notebook.gif”>

     ค. <IMG src=”computer.gif” align=”notebook.gif”>

     ง. <IMG alt=”notebook.gif”>

 6. หากต้องการแสดงผลข้อความให้อยู่ระดับกึ่งกลางของรูปภาพ จะต้องใช้คำสั่งตรงกับข้อใด

     ก. <IMG src=”plam.jpg” align=”center”>

     ข. <IMG src=”plam.jpg” align=”top”>

     ค. <IMG src=”plam.jpg” align=”half”>

     ง. <IMG src=”plam.jpg” align=”middle”>

7. หากต้องการกำหนดความสูงของรูปภาพที่แสดงผลในเอกสารให้มีความสูง 200 พิกเซล จะต้องใช้งานคำสั่งตรงกับข้อใด

     ก.  <IMG src=”plam.jpg” width=”200”>

     ข. <IMG src=”plam.jpg” height=”200”>

     ค. <IMG src=”plam.jpg” border=”200”>

     ง. <IMG src=”plam.jpg” align=”200”>

 8. ข้อใดเป็นการกำหนดไม่ให้มีกรอบรูปภาพ

     ก. <IMG src=”computer.gif” Border=0>

     ข. <IMG src=”computer.gif” Border=no>

     ค. <IMG src=”computer.gif” frame=0>

     ง. <IMG src=”computer.gif” frame=no>

 9. คำสั่งในข้อใด คือคำสั่งสำหรับกำหนดพื้นหลังของเอกสารเว็บให้เป็นรูปภาพได้ถูกต้อง

     ก. <Html Background=”bg1.jpg”>

     ข. <Title Background=”bg1.jpg”>

     ค. <Body Background=”bg1.jpg”>

     ง. <Img Background=”bg1.jpg”>

 10. ในการกำหนดพื้นหลังของเอกสารเว็บให้เป็นรูปภาพ หากไม่ต้องการให้พื้นหลังเลื่อนตามการเลื่อนแถบเลื่อนทางแนวตั้ง (Vertical Scrollbar) ต้องกำหนดใช้คำสั่ง <BODY> ตรงกับข้อใด

     ก. <Body Background=”bg1.jpg”Noresize>

     ข. <Body Background=”bg1.jpg” Page=Fixed>

     ค. <Body Background=”bg1.jpg bgsize=Fixed>

     ง. <Body Background=”bg1.jpg” Bgproperties=Fixed>

 

Posted by: chutiwan | กรกฎาคม 11, 2010

ข้อสอบการจัดรูปแบบเว็บเพจ

แบบทดสอบก่อนเรียน หลังเรียนเรื่อง การสร้างและจัดรูปแบบเว็บเพจ

 1. คำสั่งที่ใช้สำหรับกำหนดสีของตัวอักษรเป็นสีน้ำเงิน คือข้อใด

     ก. <FONT text =” blue”> แสดงผลตัวอักษรเป็นสีน้ำเงิน </FONT>

     ข. <FONT color = “#0000FF”>แสดงผลตัวอักษรเป็นสีน้ำเงิน </FONT>

     ค. <FONT  color =”blue”>แสดงผลเป็นตัวอักษรเป็นสีน้ำเงิน  </FONT>

     ง. ถูกทั้งข้อ ข และข้อ ค

 2. คำสั่งที่ใช้สำหรับการจัดการย่อหน้าคือข้อใด

     ก.  <B>

     ข. <Br>

     ค. <P>

     ง.  <U>

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

     ก.  <LI> ข้อความที่ต้องการขีดเส้นใต้ </LI>

     ข.  <U> ข้อความที่ต้องการขีดเส้นใต้ </U>

     ค.  <HR> ข้อความที่ต้องการขีดเส้นใต้  <HR>

     ง.  < LINE> ข้อความที่ต้องการขีดเส้นใต้ </LINE>

 4. ข้อใดคือคำสั่งสำหรับกำหนดข้อความให้เป็นตัวหนา

     ก.  <U> กำหนดให้ตัวอักษรเป็นตัวหนา <U>

     ข. <BR> กำหนดให้ตัวอักษรเป็นตัวหนา <BR>

     ค. <B> กำหนดให้ตัวอักษรเป็นตัวหนา </B>

     ง.  <I> กำหนดให้ตัวอักษรเป็นตัวหนา </I>

 5. ข้อใดคือคำสั่งสำหลับกำหนดข้อความให้เป็นตัวเอน

     ก  <U> กำหนดให้ตัวอักษรเป็นตัวเอียง </U>

     ข. <BR> กำหนดให้ตัวอักษรเป็นตัวเอียง </BR>

     ค. <B> กำหนดให้ตัวอักษรเป็นตัวเอียง </B>

     ง. <I> กำหนดให้ตัวอักษรเป็นตัวเอียง <I>

 6. ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับคำสั่ง <SMALL>

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

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

     ค .เป็นคำสั่งที่อยู่ในส่วนของเนื้อความของเอกสารเอชทีเอ็มแอล

     ง .เป็นคำสั่งที่เป็นแบบป้ายระบุ / ปิด คือต้องมีคำสั่งจบเสมอ

 7. คำสั่งที่ใช้สำหลับกำหนดฟอนต์ของตัวอักษรให้เป็น”Tahoma”คือข้อใด

     ก. <FACE font = “Tahoma’’> แสดงผลเป็นฟอนต์แบบTahoma</FACE>

     ข. <STYLE font = “Tahoma”> แสดงผลเป็นฟอนต์แบบTahoma </ STYLE>

     ค. <FONT  face   =  “Tahoma”> แสดงผลเป็นฟอนต์แบบTahoma </FONT>

     ง. <FONT style  = “Tahoma “> แสดงผลเป็นฟอนต์แบบ Tahoma </FONT>

 8. จากชุดของคำสั่งต่อไปนี้

<OL  TYPE=I>

         <LI> มกราคม

          <LI> กุมภาพันธ์

</OL>

ผลลัพธ์ที่ได้จากการแสดงผลคือข้อใด

     ก. a มกราคม

        B กุมภาพันธ์

     ข. 1 มกราคม

          2 กุมภาพันธ์

     ค. ๑ มกราคม

          ๒ กุมภาพันธ์

     ง.  I มกราคม

          II กุมภาพันธ์

 9. หากต้องการกำหนดหัวข้อในรายการย่อยให้เป็นตัวเลขกำกับ จะต้องใช้คำสั่งตรงกับข้อใด

     ก. คำสั่ง <NUM>

     ข. คำสั่ง <LI>

     ค. คำสั่ง <UL>

     ง. คำสั่ง <OL>

 10. คำสั่งใดเป็นคำสั่งที่ใช้สำหรับกำหนดลักษณะพิเศษของคำสั่ง <OL>

     ก. คำสั่ง TYPE

     ข. คำสั่ง START

     ค. คำสั่ง CENTER

     ง. ถูกทั้งข้อ ก และข้อ ข

 

Posted by: chutiwan | กรกฎาคม 11, 2010

ข้อสอบการสร้างจุดเชื่อมโยง

แบบทดสอบก่อนเรียนหลังเรียนเรื่องการสร้างจุดเชื่อมโยง

 1. ข้อใดใช้คำสั่งเชื่อมโยงเอกสารได้อย่างถูกต้อง

     ก. คำสั่ง <A Href > “Index.html” จุดการเชื่อมโยงข้อมูล </Href>

     ข. คำสั่ง < A Link=”Index.html” จุดการเชื่อมโยงข้อมูล </A>

     ค.คำสั่ง < A Href=”Index.html” จุดการเชื่อมโยงข้อมูล </A>

     ง.คำสั่ง < A Link=”Index.html” จุดการเชื่อมโยงข้อมูล </Link>

 2. คำสั่ง <A Href=”Index.html”> กลับหน้าแรก </A> เป็นคำสั่งในการเชื่อมโยงข้อมูลประเภทใด

     ก. การเชื่อมโยงข้อมูลแบบอ้างตำแหน่ง

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

     ค. การเชื่อมโยงข้อมูลภายในเอกสารเว็บเดียวกัน

     ง. การเชื่อมโยงข้อมูลต่างเอกสารเว็บ

 3. คำสั่งในข้อใดที่ใช้ร่วมกับคำสั่ง <A> เพื่อระบุเอกสารที่ต้องการเชื่อมโยงไป

     ก. คำสั่ง Href

     ข. คำสั่ง Link

     ค. คำสั่ง Target

     ง. คำสั่ง Mailto

 4. คำสั่ง Mailto :  จัดเป็นคำสั่งกำหนดคุณลักษณะเพิ่มเติมของการเชื่อมโยงแบบใด

     ก. การเชื่อมโยงข้อมูลต่างเอกสาร

     ข. การเชื่อมโยงข้อมูลภายในหน้าเอกสารเดียวกัน

     ค. การเชื่อมโยงแบบอี-เมล์

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

 5. ข้อใดเขียนคำสั่งของการเชื่อมโยงแบบอี-เมล์ได้ถูกต้อง

     ก.  < A Mail=”chutiwan@thaimail.com” Target=_Blank> E-mail คลิกที่นี่ </A>

     ข.< A Href Mail=chutiwan@thaimail.com>  E-mail คลิกที่นี่ </A>

     ค.< A Href=”chutiwan@thaimail.com”> E-mail คลิกที่นี่ </A>

     ง.< A Href=”Mailto:chutiwan@thaimail.com”> E-mail คลิกที่นี่ </A>

 6. การนำแฟ้มข้อมูลจากระบบเครือข่ายอินเทอร์เน็ตเข้ามาเก็บไว้ยังเครื่องคอมพิวเตอร์เรียกว่าอะไร

     ก. การอัพโหลด ( Upload)

     ข. การอัพเกรด (Upgrade)

     ค. การดาวน์โหลด ( Download)

     ง. การคัดลอก ( Copy)

7. การนำแฟ้มข้อมูลจากเครื่องคอมพิวเตอร์เข้าไปสู่ระบบเครื่อข่ายอินเทอร์เน็ตเรียกว่าอะไร

     ก. การอัพโหลด ( Upload)

     ข. การอัพเกรด (Upgrade)

     ค. การดาวน์โหลด ( Download)

     ง. การคัดลอก ( Copy)

 8. ข้อใดเป็นการใช้งานคำสั่งในการเชื่อมโยงข้อมูลด้วยรูปภาพได้อย่างถูกต้อง

     ก. <A Img Src “Flower.gif”> รูปภาพ </A>

     ข. <A Href Img Src=“Flower.gif”> รูปภาพ </A>

     ค. <A Href=”Flower.gif”>  <Img Src=“Index.html”> </A>

     ง. <A Href=”Index.html”> <Img Src=“Flower.gif”> </A>

 9. การเชื่อมโยงข้อมูลภายในเอกสารเดียวกันใช้สัญลักษณ์ในข้อใด

     ก. สัญลักษณ์ *

     ข. สัญลักษณ์ #

     ค.สัญลักษณ์ %

     ง.สัญลักษณ์  @

 10.  คำสั่งในข้อใด ใช้สำหรับระบุชื่อของตำแหน่งในการเชื่อมโยงเอกสาร

     ก. คำสั่ง Pointer

     ข. คำสั่ง Name

     ค. คำสั่ง Link

     ง. คำสั่ง Target

Posted by: chutiwan | กรกฎาคม 10, 2010

ข้อสอบโครงสร้างพื้นฐาน HTML

แบบทดสอบก่อนเรียน – หลังเรียน

โครงสร้างพื้นฐานของภาษา  HTML

 1. เอชทีเอ็มแอล ( HTML) คืออะไร

     ก. ภาษาคอมพิวเตอร์ที่ใช้สำหรับควบคุมการแสดงเอกสารบนระบบเครือข่ายอินเทอร์เน็ต

     ข. วิธีการเชื่อมโยงข้อมูลระหว่างเครื่องคอมพิวเตอร์บนระบบเครือข่ายอินเทอร์เน็ต

     ค. เครื่องคอมพิวเตอร์ที่ทำหน้าที่ให้บริการเอกสารเว็บบนระบบเครือข่ายอินเทอร์เน็ต

     ง. ระบบปฏิบัติการที่นิยมใช้บนเครื่องคอมพิวเตอร์แม่ข่ายของระบบเครือข่ายอินเทอร์เน็ต

 2. โดยทั่วไปแล้วแฟ้มข้อมูลที่เป็นหน้าแรกของเว็บเพจ  จะมีชื่อแฟ้มข้อมูลตรงกับข้อใด

     ก. index.html

     ข.  menu.html

     ค. page1.html

     ง. first.html

 3. อักขระพิเศษในข้อใดสามารถนำมาทำการตั้งชื่อของแฟ้มข้อมูล ในระบบเว็บเพจได้

     ก. คำถาม  (  ?  )

     ข. เท่ากับ ( = )

     ค. ขีดกลาง ( – )

     ง. มากกว่า (  > )

 4. ข้อใดคือนามสกุลของแฟ้มข้อมูลเอกสารภาษาเอชทีเอ็มแอล ( HTML) ที่สามารถแสดงผลผ่านระบบเครือข่ายอินเทอร์เน็ต ( Internet )

     ก.   .gif

     ข.   .txt

     ค.   .doc

     ง.     .html

 5. การเขียนโปรแกรมด้วยภาษาเอชทีเอ็มแอลนั้นจะต้องขึ้นต้น และลงท้ายด้วยคำสั่งในข้อใด

     ก. <Html>… </Html>

     ข. [Html]… [/Html]

     ค. <Begin>… </begin>

     ง. [Begin]…. [/Begin]

 6. คำสั่ง <Title>  </Title> ใช้สำหรับระบุเกี่ยวกับเอกสารเอชทีเอ็มแอลในส่วนใด

     ก. เนื้อหาของเอกสาร

     ข.ส่วนหัวหรือชื่อเรืองของเอกสาร

     ค.ส่วนคำสั่งของเอกสาร

     ง.ส่วนการปิดท้ายของเอกสาร

 7. ส่วนของเนื้อหาของเอกสารเอชทีเอ็มแอล จะอยู่ระหว่างป้ายระบุคำสั่ง ( Tag) ในข้อใด

     ก.   <Title> </Title>

     ข.   <Head> </Head>

     ค.   <Body> </Body>

     ง.   <Html> </Html>

 8. คำสั่งในข้อใดเป็นคำสั่งที่ใช้สำหรับขึ้นบรรทัดใหม่ในการแสดงผลข้อมูล

     ก. <b>

     ข. <BR>

     ค. <TR>

     ง. <INS>

 9. ข้อใดกล่าวถูกต้อง

     ก.  คำสั่ง <INS> เป็นคำสั่งที่ให้การแสดงผลขึ้นบรรทัดใหม่ 1 บรรทัด

     ข. คำสั่ง <HR> เป็นคำสั่งเพื่อให้ทำการสร้างเส้นตรงทางแนวนอนบนจอภาพ

     ค. เมื่อใช้คำสั่ง <P> จะต้องมีคำสั่งปิด </P> ด้วยเสมอ

     ง. เมื่อใช้คำสั่ง <BR> จะต้องมีคำสั่งปิด </BR> ด้วยเสมอ

 10. ถ้าต้องการสร้างเส้นคั่นทางแนวนอน อยู่กึ่งกลางหน้าจอ  โดยมีความยาวเท่ากับ 500 พิกเซลและหนาเท่ากับ

      15 พิกเซล จะใช้คำสั่งใด

     ก. <HR Align=center Width=500 Size=15>

     ข.<HR Size =15 Width=500 Align=center >

     ค. <HR Align=center Size =500 Width =15>

     ง. ถูกทั้งข้อ ก และข้อ ข

Posted by: chutiwan | มิถุนายน 29, 2010

ข้อสอบภาษา HTML

                          แบบทดสอบก่อนเรียน                       

ให้นักเรียนเลือกคำตอบที่ถูกที่สุดแล้วทำเครื่องหมาย X (กากบาท) ลงในกระดาษคำตอบ  ข้อสอบมีจำนวน 40 ข้อ เวลา 40 นาที

       1. เอชทีเอ็มแอล ( HTML) คืออะไร

                        ก. ภาษาคอมพิวเตอร์ที่ใช้สำหรับควบคุมการแสดงเอกสารบนระบบเครือข่ายอินเทอร์เน็ต

                        ข. วิธีการเชื่อมโยงข้อมูลระหว่างเครื่องคอมพิวเตอร์บนระบบเครือข่ายอินเทอร์เน็ต

                        ค. เครื่องคอมพิวเตอร์ที่ทำหน้าที่ให้บริการเอกสารเว็บบนระบบเครือข่ายอินเทอร์เน็ต

                        ง. ระบบปฏิบัติการที่นิยมใช้บนเครื่องคอมพิวเตอร์แม่ข่ายของระบบเครือข่ายอินเทอร์เน็ต

        2. ข้อใดคือนามสกุลของแฟ้มข้อมูลเอกสารภาษาเอชทีเอ็มแอล ( HTML) ที่สามารถแสดงผลผ่านระบบเครือข่าย

            อินเทอร์เน็ต ( Internet )

                        ก.   .gif

                        ข.   .txt

                        ค.   .doc

                        ง.     .html

        3. การเขียนโปรแกรมด้วยภาษาเอชทีเอ็มแอลนั้นจะต้องขึ้นต้น และลงท้ายด้วยคำสั่งในข้อใด

                        ก. <Html>… </Html>

                        ข. [Html]… [/Html]

                        ค. <Begin>… </begin>

                        ง. [Begin]…. [/Begin]

        4. คำสั่ง <Title>  </Title> ใช้สำหรับระบุเกี่ยวกับเอกสารเอชทีเอ็มแอลในส่วนใด

                        ก. เนื้อหาของเอกสาร

                        ข.ส่วนหัวหรือชื่อเรืองของเอกสาร

                        ค.ส่วนคำสั่งของเอกสาร

                        ง.ส่วนการปิดท้ายของเอกสาร

        5. ถ้าต้องการสร้างเส้นคั่นทางแนวนอน อยู่กึ่งกลางหน้าจอ  โดยมีความยาวเท่ากับ 500 พิกเซลและหนาเท่ากับ

                        15 พิกเซล จะใช้คำสั่งใด

                        ก. <HR Align=center Width=500 Size=15>

                        ข.<HR Size =15 Width=500 Align=center >

                        ค. <HR Align=center Size =500 Width =15>

                        ง. ถูกทั้งข้อ ก และข้อ ข

        6. คำสั่งที่ใช้สำหรับการจัดการย่อหน้าคือข้อใด

                        ก.  <B>

                        ข. <Br>

                        ค. <P>

                        ง.  <U>

        7. ข้อใดคือคำสั่งสำหรับกำหนดข้อความให้เป็นตัวหนา

                        ก.  <U> กำหนดให้ตัวอักษรเป็นตัวหนา <U>

                        ข. <BR> กำหนดให้ตัวอักษรเป็นตัวหนา <BR>

                        ค. <B> กำหนดให้ตัวอักษรเป็นตัวหนา </B>

                        ง.  <I> กำหนดให้ตัวอักษรเป็นตัวหนา </I>

        8. ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับคำสั่ง <SMALL>

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

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

                        ค .เป็นคำสั่งที่อยู่ในส่วนของเนื้อความของเอกสารเอชทีเอ็มแอล

                        ง .เป็นคำสั่งที่เป็นแบบป้ายระบุ / ปิด คือต้องมีคำสั่งจบเสมอ

        9. จากชุดของคำสั่งต่อไปนี้

<OL >

        <LI> มกราคม

                               <LI> กุมภาพันธ์

</OL>

       ผลลัพธ์ที่ได้จากการแสดงผลคือข้อใด

                        ก. a มกราคม

                             B กุมภาพันธ์

                        ข. 1 มกราคม

                             2 กุมภาพันธ์

                        ค. ๑ มกราคม

                             ๒ กุมภาพันธ์

                        ง.  I มกราคม

                             II กุมภาพันธ์

        10. คำสั่งใดเป็นคำสั่งที่ใช้สำหรับกำหนดลักษณะพิเศษของคำสั่ง <OL>

                        ก. คำสั่ง TYPE

                        ข. คำสั่ง START

                        ค. คำสั่ง CENTER

                        ง. ถูกทั้งข้อ ก และข้อ ข

        11. แฟ้มข้อมูลรูปภาพในข้อใด นิยมใช้ประกอบในการสร้างเว็บเพจ

                        ก.  .JPEG

                        ข.  .GIF

                        ค.  .BMP

                        ง.  ถูกทั้งข้อ ก และ ข้อ ข

        12. ข้อใดไม่ใช่ไฟล์ข้อมูลรูปภาพ

                        ก. Sample.jpg

                        ข. Computer.gif

                        ค. Mouse.bmp

                        ง. printer.html

        13. ข้อใดเป็นคำสั่งที่ใช้สำหรับแทรกรูปภาพในเอกสารเว็บ

                        ก. <img src=”computer.gif”>

                        ข. <src=”computer.gif”>

                        ค. <img src> “computer.gif” </src>

                        ง. <img src> computer.gif </img>

        14. คำสั่งใดเป็นการกำหนดแฟ้มข้อมูลรูปภาพ โดยแสดงผลให้มีความละเอียดต่ำด้วย

                        ก.  <IMG src=”computer.gif” alt=”notebook.gif”>

                        ข. <IMG src=”computer.gif” lowsrc=”notebook.gif”>

                        ค. <IMG src=”computer.gif” align=”notebook.gif”>

                        ง. <IMG alt=”notebook.gif”>

        15. หากต้องการกำหนดความสูงของรูปภาพที่แสดงผลในเอกสารให้มีความสูง 200 พิกเซล จะต้องใช้งานคำสั่งตรงกับข้อใด

                        ก.  <IMG src=”plam.jpg” width=”200”>

                        ข. <IMG src=”plam.jpg” height=”200”>

                        ค. <IMG src=”plam.jpg” border=”200”>

                        ง. <IMG src=”plam.jpg” align=”200”>

        16. คำสั่งในข้อใด คือคำสั่งสำหรับกำหนดพื้นหลังของเอกสารเว็บให้เป็นรูปภาพได้ถูกต้อง

                        ก. <Html Background=”bg1.jpg”>

                        ข. <Title Background=”bg1.jpg”>

                        ค. <Body Background=”bg1.jpg”>

                        ง. <Img Background=”bg1.jpg”>

       17. คำสั่งในข้อใดเป็นคำสั่งเปิดและปิดในการสร้างตาราง

                        ก. คำสั่ง <Table> และคำสั่ง </Table>

                        ข. คำสั่ง <Caption> และคำสั่ง </Caption>

                        ค. คำสั่ง <Tr> และคำสั่ง </Tr>

                        ง. คำสั่ง <Td> และคำสั่ง </Td>

        18. คำสั่งในข้อใดเป็นการกำหนดข้อมูลคอลัมน์ในตาราง

                        ก. คำสั่ง <Tr>

                        ข. คำสั่ง <Td>

                        ค. คำสั่ง <Th>

                        ง. คำสั่ง <Table>

        19. การกำหนดเส้นขอบของตารางใช้คำสั่งใดเป็นตัวกำหนด

                        ก. คำสั่ง  HR

                        ข. คำสั่ง  BR

                        ค. คำสั่ง  Border

                        ง. ถูกทั้งข้อ ก. และข้อ ข.

        20. คำสั่ง Bordercolor เป็นคำสั่งในข้อใด

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

                        ข. กำหนดสีของเส้นขอบตาราง

                        ค. การเพิ่มสีของตัวอักษรภายในตาราง

                        ง. การทำลวดลายของเส้นขอบตาราง

        21. การกำหนดสีพื้นของตารางใช้คำสั่งในข้อใด

                        ก. คำสั่ง Backgroundcolor

                        ข. คำสั่ง Bordercolor

                        ค. คำสั่ง Bgcolor

                        ง. ถูกทั้งข้อ ก และข้อ ค

        22. ในการกำหนดให้ตารางอยู่กึ่งกลางของจอภาพต้องใช้คำสั่งในข้อใด

                        ก. <Table> Align=Middle </Table>

                        ข. <Table> Align=Center </Table>

                        ค. <Table  Align=Middle> </Table>

                        ง . <Table  Align=Center> </Table>

        23. ข้อใดใช้คำสั่งเชื่อมโยงเอกสารได้อย่างถูกต้อง

                        ก. คำสั่ง <A Href > “Index.html” จุดการเชื่อมโยงข้อมูล </Href>

                        ข. คำสั่ง < A Link=”Index.html” จุดการเชื่อมโยงข้อมูล </A>

                        ค.คำสั่ง < A Href=”Index.html” จุดการเชื่อมโยงข้อมูล </A>

                        ง.คำสั่ง < A Link=”Index.html” จุดการเชื่อมโยงข้อมูล </Link>

        24. คำสั่งในข้อใดที่ใช้ร่วมกับคำสั่ง <A> เพื่อระบุเอกสารที่ต้องการเชื่อมโยงไป

                        ก. คำสั่ง Href

                        ข. คำสั่ง Link

                        ค. คำสั่ง Target

                        ง. คำสั่ง Mailto

        25. ข้อใดเขียนคำสั่งของการเชื่อมโยงแบบอี-เมล์ได้ถูกต้อง

                        ก.  < A Mail=”chutiwan@thaimail.com” Target=_Blank> E-mail คลิกที่นี่ </A>

                        ข.< A Href Mail=chutiwan@thaimail.com>  E-mail คลิกที่นี่ </A>

                        ค.< A Href=”chutiwan@thaimail.com”> E-mail คลิกที่นี่ </A>

                        ง.< A Href=”Mailto:chutiwan@thaimail.com”> E-mail คลิกที่นี่ </A>

        26. ข้อใดเป็นการใช้งานคำสั่งในการเชื่อมโยงข้อมูลด้วยรูปภาพได้อย่างถูกต้อง

                        ก. <A Img Src “Flower.gif”> รูปภาพ </A>

                        ข. <A Href Img Src=“Flower.gif”> รูปภาพ </A>

                        ค. <A Href=”Flower.gif”>  <Img Src=“Index.html”> </A>

                        ง. <A Href=”Index.html”> <Img Src=“Flower.gif”> </A>

        27.  คำสั่งในข้อใด ใช้สำหรับระบุชื่อของตำแหน่งในการเชื่อมโยงเอกสาร

                        ก. คำสั่ง Pointer

                        ข. คำสั่ง Name

                        ค. คำสั่ง Link

                        ง. คำสั่ง Target

        28. การเชื่อมโยงข้อมูลภายในเอกสารเดียวกันใช้สัญลักษณ์ในข้อใด

                        ก. สัญลักษณ์ *

                        ข. สัญลักษณ์ #

                         ค.สัญลักษณ์ %

                        ง.สัญลักษณ์  @

        29. คำสั่งเริ่มต้นที่ใช้สำหรับการสร้างเฟรม (Frame) คือข้อใด

                        ก. คำสั่ง <Frame>

                        ข. คำสั่ง <Frameset>

                        ค. คำสั่ง <FrameBorder>

                        ง. คำสั่ง <FrameBody>

        30. การกำหนดค่าขนาดของเฟรมกำหนดค่าในข้อใด

                        ก. พิกเซล  ( Pixel )

                        ข. จุด  ( Dot )

                        ค. เปอร์เซนต์ ( % )

                        ง. ถูกทั้งข้อ ก และข้อ ค

        31. ถ้าต้องการกำหนดให้มีเฟรมในแนวนอน 1 เฟรม  และแนวตั้ง 2 เฟรม  จะใช้คำสั่งในข้อใด

                        ก. <Frameset Cols=”50, * ,50”)

                        ข. <Frameset Rows=”50” Cols=”50, *”)

                        ค. <Frameset Cols=”50” Rows=”50, *”)

                        ง. ไม่มีข้อถูก

        32. คำสั่งใดเป็นคำสั่งที่กำหนดให้ไม่สามารถทำการปรับขนาดของเฟรมได้

                        ก. <Frame Noresize>

                        ข. <Frame Solid>

                        ค. <Frame Fix>

                        ง.  <Frame Fixsize>

        33. การกำหนดเส้นขอบของเฟรม  สามารถทำได้โดยการใช้คำสั่งในข้อใด

                        ก. <Frame FrameBorder=Yes>

                        ข. <Frame Border=Yes>

                        ค. <Frameset FrameBorder=Yes>

                        ง. <Frameset Border=Yes>

        34. การกำหนดค่าของเส้นขอบเฟรมต้องกำหนดด้วยค่าในข้อใด

                        ก. yes

                        ข. no

                        ค. auto

                        ง. ถูกทั้งข้อ ก และข้อ ข

        35. การสร้างเว็บเพจที่มีการแลกเปลี่ยนข้อมูลระหว่างผู้สร้างและผู้ใช้เว็บเพจได้นั้น  ต้องมีการกำหนดอะไรในการรับส่งข้อมูล

                        ก. การใช้เฟรม ( Frame )

                        ข. แบบฟอร์ม ( Form )

                        ค.  การสร้าง List

                        ง. การสร้าง Background

        36. ถ้าต้องการปรับขนาดของช่องรับข้อมูลในเว็บเพจต้องกำหนดด้วยแอตทริบิวต์ใด

                        ก. Size

                        ข. Value

                        ค. Input

                        ง. Type

        37. ข้อใดถูกต้องในการสร้างช่องรับข้อมูลประเภท  Password

                        ก.  <Input type=”text”>

                        ข. <Input type=”submit”>

                        ค.<Input type=”password”>

                        ง.<Input type=”reset”>

        38. คำสั่งแอตทริบิวต์ใดเป็นการนำรูปภาพมาใช้แทนปุ่ม  Submit

                        ก. SRC

                        ข. IMAGE

                        ค. VALUE

                        ง. NAME

        39. ถ้าต้องการปรับขนาดของช่องรับข้อมูลประเภท text area ต้องใช้คำสั่งแอตทริบิวต์ใด

                        ก. cols

                        ข. rows

                        ค.cols และ rows

                        ง. wrap

        40. ช่องรับข้อมูลประเภท checkbox ถ้าต้องการให้ปรากฏเครื่องหมายถูกหน้าช่องโดยที่ผู้ใช้ไม่ต้องคลิกเลือก 

              เราต้องเพิ่มแอตทริบิวต์ใด

                        ก. checkbox

                        ข. checked

                        ค. textarea

                        ง.gender

หมวดหมู่

  • ไม่มีหมวดหมู่