การแทรกตาราง

การแทรกตาราง

1.อธิบาย Tag
               TABLE : ใช้สร้างตารางข้อมูล
                            : <table>..........</table>
               TR : สำหรับแถวของตาราง
                     : <tr>.........</tr>
               TD : สำหรับข้อมูลในแต่ละ CELL
                     : <td>........</td>

2.การปรับความกว้าง สูง
               การกำหนดความกว้างและความสูงของตารางนั้น สามารถทำได้โดยใช้คำสั่งสำหรับกำหนดคุณลักษณะพิเศษเพิ่มเติม ที่อยู่ภายใต้คำสั่ง <TABLE> โดยคำสั่งที่ใช้สำหรับกำหนดคุณสมบัติพิเศษเพิ่มเติมนั้น คือ WIDTH เพื่อใช้สำหรับ กำหนดความกว้างของตารางและ HEIGHT สำหรับกำหนดความสูงของตาราง โดยสามารถกำหนดได้ 2 ลักษณะ คือ 
กำหนดเป็นเปอร์เซ็นต์ของจอภาพ และกำหนดเป็นจำนวนพิกเซล โดยมีรูปแบบการใช้งานคำสั่ง ดังนี้
               <TABLE WIDTH= “ความกว้างของตาราง” HEIGHT= “ความสูงของตาราง”>

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

4.การจัดตำแหน่งตาราง
              ใช้คำสั่ง คำสั่ง ALIGN ใช้กำหนดตำแหน่งการจัดวางตาราง มี 3 รูปแบบ คือ
               - LEFT    คือ จัดตารางชิดซ้าย (ค่าปกติ) ของจอภาพ
              - RIGHT  คือ จัดตารางชิดขวาของจอภาพ
              - CENTER  คือ จัดตารางไว้กึ่งกลางของจอภาพ
              รูปแบบคำสั่ง <TD ALIGN="ตำแหน่ง">

5.การรวมเซลล์ 
              ใช้คำสั่ง Colspan และ Rowspan 
               คำสั่ง <TD  COLSPAN> เป็นคำสั่งในการรวมคอลัมน์เข้าด้วยกัน ตามค่าของจำนวนคอลัมน์ที่กำหนดไว้ รูปแบบคำสั่ง <TD  COLSPAN = "Number">
โดยที่ COLSPAN คือ แอตทริบิวต์ที่ใช้ในการกำหนดการรวมคอลัมน์
           Number คือ ค่าตัวเลขที่ใช้ในการรวมคอลัมน์เข้าเป็นคอลัมน์เดี่ยวกัน

               คำสั่ง <TD  ROWSPAN> เป็นคำสั่งในการรวมแถวเข้าด้วยกัน ตามค่าของจำนวนแถวที่กำหนดไว้  รูปแบบคำสั่ง <TD  ROWSPAN = "Number">
โดยที่  ROWSPAN คือ แอตทริบิวต์ที่ใช้ในการกำหนดการรวมแถว

6.ตัวอย่าง CODE

7.ผลจาก CODE

การแทรกรูปภาพ

การแทรกรูปภาพ

1.การแทรกรูปภาพจากเว็บไซต์ อื่นๆ
2.รูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ
3.รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ


ตัวอย่าง CODE

ตัวอย่างการแสดงผล

1. Img Src  การแทรกรูปภาพ การใส่รูปภาพ  
 <img src = "ชื่อภาพ">
2. Width    ความกว้าง      
<width="ตัวเลขระบุความกว้าง">
3. Height   ความสูง        
<height="ตัวเลขระบุความสูง">
4. Align    ตำแหน่งภาพ  
<align = "..." (left,center,right)>

ตัวอย่าง CODE

ตัวอย่างการแสดงผล

ที่มา
http://www.sksrt.ac.th/~pitsamai/html/5/5_1.html

การแต่งตัวอักษร

การแต่งตัวอักษร

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

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

ตัวอย่าง CODE

ตัวอย่างการแสดงผล

ขนาดตัวอักษร 

เราสามารถกำหนดขนาดของตัวอักษรได้ 2 วิธี

1. ในกรณีที่เป็นหัวข้อ (Heading) สามารถใช้คำสั่งต่อไปนี้

<H1>ขนาดใหญ่สุด</H1>

<H2>ขนาดใหญ่</H2>

<H3>ขนาดกลาง</H3>

<H4>ขนาดปกติ</H4>

<H5>ขนาดเล็ก</H5>

<H6>ขนาดเล็กสุด<H6>

2. ในกรณีทั่วไป จะใช้คำสั่ง <FONT SIZE=ค่าตัวเลข> เช่น

<FONT SIZE=3>ตัวอักษรขนาด 3</FONT> หรือ

<FONT SIZE=5>ตัวอักษรขนาด 5</FONT>

ตัวอย่าง CODE

ตัวอย่าง การแสดงผล

สีตัวอักษร 

สีของตัวอักษร สามารถกำหนดได้ 2 แนวทางคือ

1. ใช้คำสั่ง <FONT COLOR=ชื่อสี> เช่น

               <FONT COLOR=red>ตัวอักษรสีแดง</FONT> หรือ

               <FONT COLOR=green>ตัวอักษรสีเขียว</FONT>

2. ใช้คำสั่ง <FONT COLOR=รหัสสี> เช่น

               <FONT COLOR=#FF00FF>ตัวอักษรสีชมพู</FONT> หรือ

               <FONT COLOR=#0000FF>ตัวอักษรสีน้ำเงิน</FONT>

                                                                                                                             

ตัวอย่าง CODE

ตัวอย่าง การแสดงผล

ตัวเอียง ตัวหนา ขีดเส้นใต้

ตัวเอียง - <I>ตัวเอียง</I>

ตัวหนา - <B>ตัวหนา</B>

ขีดเส้นใต้ - <U>ขีดเส้นใต้</U>

ตัวอย่าง CODE

ตัวอย่างการแสดงผล

ตัวขีดฆ่า ตัวหนา ขีดเส้นใต้

ตัวขีดฆ่า - <S>ตัวขีดฆ่า</S>

ตัวยก - <SUP>ตัวยก</SUP>

ตัวห้อย - <SUB> ตัวห้อย </SUB>

ตัวอย่าง CODE

ตัวอย่างการแสดงผล

ตัวอักษรวิ่ง 

<MARQUEE direction="ทิศทางการวิ่ง" width="ความกว้าง"   height="ความสูง"

 scrollamount=ความเร็วในการวิ่ง  scrolldelay="เวลาหน่วง">ข้อความ</MARQUEE>

ตัวอย่าง CODE

 

ตัวอย่างการแสดงผล

ตัวอักษรกระพริบ

<BLINK>กระพริบ</BLINK>

ตัวอย่าง Code

ตัวอย่างการแสดงผล

การจัดตำแหน่งข้อความ

1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center  <center> ...ข้อความ...</center>

2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้

 <p align = "ตำแหน่ง"> ...ข้อความ...</p> ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right

ตัวอย่าง CODE

ตัวอย่างการแสดงผล

ที่มา
http://www.yimwhan.com/board/show.php?user=cherrii&topic=3&Cate=5
http://school.obec.go.th/krurenu/html/p2-8.html

HTML tag พื้นฐาน

HTML TAG พื้นฐาน

1.HTML ย่อมาจาก HyperText Markup Language ใช้โปรแกรม Text Editor สร้าง และเปิดดูเอกสารโดยใช้ Web Browser
2.Text Editor คือ โปรแกรมประเภทที่เราสามารถใช้ในการพิมพ์ข้อความหรือตัวหนังสือได้  เช่น MS Word ,Note pad,Word pad เป็นต้น
3.องค์ประกอบของเอกสาร HTML  มี 2 ส่วน คือ 
1. ส่วนของ HEAD สำหรับข้อมูลในส่วนหัวของ HTML เช่น ข้อความบน Title bar เป็นต้น
2. ส่วนของ BODY สำหรับการแสดงผลยังหน้าเอกสาร หรือหน้า Web Browser
โดยทั้ง 2 ส่วนประกอบข้างต้น จะถูกกำกับภายใต้ TAG <HTML> ….. </HTML>
4.<html> คือ ข้อมูลในส่วนหัวของ HTML
5.<head> คือ เป็นส่วนที่เราจะสามารถใส่คำอธิบายเว็บเพจ 
6.<title> คือ ข้อความที่จะแสดงผลบน Title Bar บน Web Browser 
7.<body> คือ การแสดงผลยังหน้าเอกสาร หรือหน้า Web Browser
8.<br> คือ คำสั่งขึ้นบรรทัดใหม่
9.<p> คือ คำสั่งขึ้นย่อหน้าใหม่
10.ตัวอย่าง Code และการแสดงผล

ตัวอย่างCODE

 ตัวอย่างการแสดงผล

อ้างอิง

http://guru.google.co.th/guru/thread?tid=765abefbc7fb4de5

http://www.webthaidd.com/html/webthaidd_article_294_.html

http://e-learninghtml.comoj.com/4-2.html

วันที่ 10 กรกฏาคม 2556

คำศัพท์ที่เกี่ยวข้องกับการสร้างเว็บ

คำศัพท์ที่เกี่ยวข้องกับการสร้างเว็บ

1.Internet หมายถึง เครือข่ายของคอมพิวเตอร์ขนาดใหญ่ที่เชื่อมโยงเครือข่ายคอมพิวเตอร์ทั่วโลกเข้าด้วยกัน  โดยอาศัยเครือข่ายโทรคมนาคมเป็นตัวเชื่อมเครือข่าย ภายใต้มาตรฐานการเชื่อมโยงด้วยโปรโตคอลเดียวกัน เพื่อให้คอมพิวเตอร์ทุกเครื่องในอินเทอร์เน็ตสามารถสื่อสารระหว่างกันได้

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

3.Website หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ 

4.Webpage หมายถึง หน้าเอกสารของบริการ  WWW  ซึ่งตามปกติจะถูกเก็บอยู่ในรูปแบบไฟล์ HTML  ภายในเว็บเพจอาจประกอบไปด้วยข้อความ  ภาพ  เสียง วิดีโอ  และภาพเคลื่อนไหวแบบมัลติมีเดีย  นอกจากนี้เว็บเพจแต่ละหน้าจะมีการเชื่อมโยงหรือ “ลิงค์” (Link)  กัน 

5.Homepage หมายถึง เว็บเพจหน้าแรกซึ่งเป็นทางเข้าหลักของเว็บไซต์  ปกติเว็บเพจทุกๆ หน้าในเว็บไซท์จะถูกลิงค์ (โดยตรงหรือโดยอ้อมก็ตาม) มาจากโฮมเพจ

6.Web Browser หมายถึง โปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น 
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Safari 

7.URL ย่อมาจาก Uniform Resource Locator หมายถึง ที่อยู่ (Address) ของข้อมูลต่างๆใน Internet

8.HTTP ย่อมาจาก Hyper Text Transfer Protocol หมายถึง โพรโทคอลสื่อสารสำหรับการแลกเปลี่ยนสารสนเทศผ่านอินเทอร์เน็ต จะใช้เมื่อเรียกโปรแกรมweb browser เรียกดูข้อมูลหรือเว็บเพจ 

ที่มา
http://gu-ruschool.blogspot.com
http://www.krujongrak.com
http://tc.mengrai.ac.th
http://www.thaigoodview.com
http://www.mindphp.com
http://at-information.blogspot.com

ประวัติส่วนตัว

ประวัติส่วนตัว

ชื่อ-นามสกุล : นางสาวอติพร แซ่หน่าย
ชื่อเล่น : อาร์ม
เลขที่ : 17 ชั้น : ม.6/5
อยู่โรงเรียน : โรงเรียนธนบุรีวรเทพีพลารักษ์
แผนการเรียน : ภาษาจีน

ชอบเรียนวิชา : คอมพิวเตอร์,ภาษาจีน
อาหารที่ชอบ : ข้าวคลุกกระเพราไม่ใส่พริกไข่ดาว
สีที่ชอบ : สีม่วง
คติประจำใจ : ทำวันนี้ให้ดีที่สุด
งานอดิเรก : เล่นคอมพิวเตอร์ เต้น ฟังเพลง
ติดต่อ : 080-0642612
อีเมล์ : wda.arm@gmail.com