วันพุธที่ 18 เมษายน พ.ศ. 2561

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

♡♡♡สรุปคำสั่งhtml ♡♡♡
  • คำสั่งสร้างตาราง
<TABLE>
<TR>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 1 คอลัมน์ที่ 2 </TD>
</TR>
<TR>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 1 </TD>
<TD> ข้อมูลแถวที่ 2 คอลัมน์ที่ 2 </TD>
</TR> </TABLE>

  • การตกแต่งตารางด้วยภาพและสี
เพิ่ม BGCOLOR ใน <TABLE>,<TR>,<TD> ใช้กำหนดสีพื้นหลังของตาราง
เพิ่ม BACKGROUND ใน <TABLE>,<TR>,<TD> เพื่อกำหนดภาพพื้นหลังของตาราง

  •  การเชื่อมโยง
  • <A HREF>

สำหรับแท็กนี้ใช้สำหรับกำหนดจุดที่ใช้สำหรับการลิงค์เชื่อมโยงจากไฟล์หนึ่งไปยังอีกไฟล์หนึ่ง มีรูปแบบการใช้งาน คือ

< AHREF= “ปลายทางที่จะเชื่อมโยง” > ข้อความ </A>

< AHREF= “http://www.sanook.com” > ไปเว็บสนุก.คอม ครับ </A>

 การแปลงข้อความให้เป็นลิงก์
<A HREF="http://...."> ข้อความ </A>

การแปลงภาพให้เป็นลิงก์
<A HREF="http://...."> <IMG SRC="...."></A>

 การสร้างลิงค์ให้มีสีสรร
LINK ใช้กำหนดสีที่ยังไม่ได้ลิงค์
VLINK ใช้กำหนดสีที่ลิงค์แล้ว
ALINK ใช้กำหนดสีที่กำลังลิงค์

  • <MARQUEE>


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

ตัวอักษรวิ่งโดยมีรูปแบบการใช้

คือ <MARQUEE> ข้อความ </MARQUEE> มีคำสั่งย่อย

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

ของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน คือ

<
 MARQUEE WIDTH= “200” > หรือ < MARQUEE WIDTH= “20%” >

HEIGHT แท็กนี้ เป็นแท็กที่ใช้สำหรับกำหนดความสูงพื้นที่ตัวอักษรวิ่ง 

โดยจะมีการกำหนดค่าเป็นหน่วยของ Pixel หรือเป็นเปอร์เซ็นต์ (%) มีรูปแบบการใช้งาน 

คือ< MARQUEE HEIGHT = “200” > หรือ < MARQUEE HEIGHT = “20%” > 
  • <IMG>


สำหรับแท็กนี้ เป็นแท็กที่ใช้สำหรับแทรกรูปภาพลงบนไฟล์ HTML มีรูปแบบการใช้งาน 

คือ <IMG SRC= “ชื่อไฟล์รูปภาพ” >

 ALIGN ใช้สำหรับกำหนดลักษณะการวางภาพ โดยมีค่าต่างๆ ดังนี้  BOTTOM  MIDDLE  TOP

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

โดยไม่ใช้ความกว้างของรูปจริง มีรูปแบบการใช้งานคือ<IMG SRC= ใส่ชื่อไฟล์รูปภาพ WIDTH= 150”>.

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

โดยไม่ใช้ความยาวของรูปจริง มีรูปแบบการใช้งาน คือ<IMG SRC= ใส่ชื่อไฟล์รูปภาพ HEIGHT= 50”>

                
♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡

วันจันทร์ที่ 2 เมษายน พ.ศ. 2561

สรุปคำสั่งHTML


 สรุปคำสั่งHTML
  • <HTML> </HTML> = คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
  • <HEAD> </HEAD> = คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน
  • <TITLE> </TITLE> = คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar
  • <BODY> </BODY>=คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น
  • <CENTER> ข้อความ </CENTER>=  คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
  • <font size = "3"> ข้อความ </font> =  ขนาดตัวอักษร
  • <font color = "red"> ข้อความ </font>    สีตัวอักษร
  • <font face = "Arial"> ข้อความ </font>   = รูปแบบตัวอักษร
  • <b> ข้อความ </b> =ตัวอักษรหนา
  • <i> ข้อความ </i>   =ตัวอักษรเอน
  • <u> ข้อความ </u> =ขีดเส้นใต้ตัวอักษร
  • <OL value = "1" >
     <LI> รายการที่ 1 <LI> รายการที่ 2</OL>

    =การแสดงผลแบบรายการ ใช้คำสั่ง <OL> เป็นเริ่มและปิดท้ายด้วย </OL> ส่วนคำสั่ง <LI> เป็นตำแหน่งของรายการที่ต้องการนำเสนอ เราสามารถกำหนดให้แสดงผลรายการได้หลายแบบเช่น เรียงลำดับ 1,2,3... หรือ I,II,III... หรือ A,B,C,... ได้ทั้งนี้จะต้องเพิ่มคำสั่งเข้าไปที่ <OL value = "A"> เป็นต้น
  • <body bgcolor=yellow> = ใส่สีพื้นหลัง
  • &theta;= θ
  • &omega;= ω
  • &larr; = ←
  • &rarr;= →
  • &uarr;= ↑
  • &sum;= ∑
  • &cap;= ∩
  • &le;= ≤
  • &ge;= ≥
  • &lt; &gt; = เครื่องหมายมากกว่าน้อยกว่า
  • &copy; = ©
  • &divide; = เครื่องหมายหาร
  • &yen; = ¥
  • &euro; = €









ใบงานที่2 เรื่องตัวอย่างโครงคอมพิวเตอร์ประเภทพัฒนาเกม

โครงงานพัฒนาเกม ( Game Development)            เป็นโครงงานพัฒนาซอฟต์แวร์เกมเพื่อความรู้ และ/หรือ ความเพลิดเพลิน เช่น เกมหมากรุก เกมหมา...