วันพุธที่ 19 กันยายน พ.ศ. 2555

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



               เขียน Tag ที่เกี่ยวข้องกับการสร้างตาราง ซึ่งมีดังนี้
< TABLE > ระบุสิ่งที่อยู่ภายใน < TABLE > และ < /TABLE > จะอยู่ในตาราง
< TR > ระบุสิ่งที่อยู่ภายใน < TR > และ < /TR > จะอยู่ในแถวเดียวกัน
< TD > ระบุสิ่งที่อยู่ภายใน < TD > และ < /TD > จะอยู่ในเซลล์เดียวกัน



การปรับแต่งตาราง
 

·         ALIGN = "X" ใช้เพื่อกำหนดตำแหน่งของตารางโดยที่ค่า "X" มีค่าเป็น LRFT , RIGHT หรือ CENTER
โปรแกรม WEB BRCWSER มีค่า DEFAULF เป็น LRFT
BORDER = "X" เมื่อ "X" มีค่าตั้งแต่ 0 ขึ้นไป ใช้กำหนดขนาดของเส้นขอบตาราง
WIDTH = "X" ใช้กำหนดความกว้างของตาราง กำหนดค่า ) ในรูปของเปอร์เซ็น ของขนาดพื้นที่ที่โปรแกรม WEB BRCWSER สามารถจะแสดงได้
การรวมเซลล์มี 2 แบบ
- ROWSPAN คือ การรวมแถว
     < TD ROWSPAN = "จำนวนแถวที่ต้องการรวม" >.....ข้อความ.....</TD>
- COLSPAN คือ การรวมคอลัมน์
     < TD COLSPAN = "จำนวนที่ต้องการรวมคอลัมน์" >.....ข้อความ.....</TD>
การใส่สีให้กรอบตาราง
     < TABLE BORDER = " ขนาดเส้นของตาราง " BORDERCOLOR = "สี" >
การใส่สีพื้นหลังให้กับตาราง
     < TABLE BORDER = " ขนาดเส้นของตาราง " BGCOLOR = "สี" >
การใส่รูปภาพลงในตาราง
     < TD >< IMG SREZ " พาทรูปภาพ/ชื่อรูปภาพ.นามสกุล">< /TD >
 
โค้ด
 

ผล
 
 
 
 แหล่งที่มา สมุดจด อ.ชัยราวี  ลาผม
วันที่ 20 ก.ย. 2555
 
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันอาทิตย์ที่ 26 สิงหาคม พ.ศ. 2555

การสร้างรูปภาพ (Image)

  1.เลือกบริเวณที่ต้องการสร้างภาพ
 2.เลือกปุ่มสร้าง 
 3.เลือกปุ่ม ในกรอบ Image Properties

 

 4.เลือกภาพที่ต้องการในกรอบ Choose Image File แล้วกดปุ่ม




 5.จากนั้นนให้กดปุ่ม  ในกรอบ Image Properties จะได้ภาพดังรูป





 6.จากนั้นให้จัดภาพชิดซ้าย ชิดกลาง ชิดขวา ตามขั้นตอนของการจัด ตัวอักษร
 7.ถ้าต้องการลบภาพให้เลือกภาพที่ต้องการ  จากนั้นกดแป้น DELETE


การปรับขนาดรูปภาพ
     รูปแบบ
               
   <img src = "=ชื่อรูปภาพ" width= "ขนาดของความกว้าง" height = "ขนาดของความสูง">
    <ime src = "girl.jpg"width = 80 height = 10>

การกำหนดรูปภาพอยู่ตรงกลาง

                  
     < center ><img src = "ชื่อรูปภาพ"></center>
       <center>          <img src = "girl".jpg">
  ตัวอย่างโค้ด
<html>
<body>
   <font size=6><center  >สุนัขโกเด้น</center></font><br><br>
   <center><img src="picture/1.jpg" width=400height=500></center><br><br>
   <font=5><center>นางสาว มณีวรรณ  เจริญผล  เลขที่ 23 ม.6/3</center></font>
</html>
</body>

  ผล

สุนัขโกเด้น





นางสาว มณีวรรณ เจริญผล เลขที่ 23 ม.6/3

  แหล่งที่มา
สมุดจด อ.ชัยราวี  ลาผม


                                                                                                       วัน อาทิตย์ ที่ 26 ส.ค. 2555

Thank you for adding me!




เขียนโดย ที่ ไม่มีความคิดเห็น:

วันพฤหัสบดีที่ 12 กรกฎาคม พ.ศ. 2555



ตัวอักษรสามมิติน่ารักเวกเตอร์

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

ในเอกสาร HTML ถ้าเราไม่ได้กำหนดแบบตัวอักษร เมื่อแสดงบนบราวเซอร์ จะแสดงตัวอักษรที่เป็น ค่าพื้นฐาน (Default) หากเราต้องการกำหนดแบบตัวอักษรเอกสามารถทำได้โดยใช้ Tag<font>


ขนาดตัวอักษร
 หากเราต้องการแสดงข้อความในเว็บของเราให้มีขนาดใหญ่เล็กแตกต่างกัน เราต้องใช้คำสั่ง <font size> โดยมี
มีรูปแบบโค้ดดังนี้
<font size=n>...</font> ซึ่ง n มีค่าตั้งแต่ 1 ถึง 7

รูปแบบโค้ด
<HTML>  
 <HEAD> 
 <TITLE> การกำหนดขนาดตัวอักษร </TITLE>  
</HEAD> 
<BODY> 
<FONT SIZE=6>  www.krusamut.com </FONT> <BR>  
<FONT SIZE=6> กำหนดขนาดตัวอักษร SIZE=6</FONT> <BR>
<FONT SIZE=5>  กำหนดขนาดตัวอักษร SIZE=5</FONT> <BR>
<FONT SIZE=4>  กำหนดขนาดตัวอักษร SIZE=4</FONT> <BR>
<FONT SIZE=3>  กำหนดขนาดตัวอักษร SIZE=3</FONT> <BR>
<FONT SIZE=2>  กำหนดขนาดตัวอักษร SIZE=2</FONT> <BR>
<FONT SIZE=1>  กำหนดขนาดตัวอักษร SIZE=1</FONT> <BR>
</BODY> 
</HTML>  

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





 สีตัวอักษร

//การใช้งานโดยเราจะเขียนโค้ด <font>...</font> ค่อมที่ตัวอักษรหลังจากนั้นก็ใส่โค้ด Color=ตามด้วยค่าสีที่เราต้องการ แค่นี้เราก็สามารถเปลี่ยนสีให้กับตัวอักษรได้แล้วครับ
 มีรูปแบบโค้ดดังนี้
<font color="#0000FF">WebThaiDD.COM </font>

รูปแบบโค้ด


 



ตัวหนา ใช้คำสั่ง <B>...</B>  
ตัวเอน ใช้คำสั่ง <I>...</I>  
ขีดเส้นใต้ข้อความ ใช้คำสั่ง  <U>...</U>








ตัวขีดฆ่า
ใช้คำสั่ง <S>...</S>
ตัวอักษรยกขึ้น
ใช้คำสั่ง <SUP>...</SUP>
ตัวอักษรห้อยลง
ใช้คำสั่ง <SUB>...</SUB>













ตัวอักษรกระพริบ
ใช้คำสั่ง <BLINK>...</BLINK>
 การทำตัวอักษรวิ่ง                  
  ใช้คำสั่ง <MARQUEE>...ข้อความ...</MARQUEE

รูปแบบโค้ด










 แหล่งที่มา
http://pirun.ku.ac.th/~agrtnk/web/units/unit2/unit2-2.htm
http://www.webthaidd.com/html/webthaidd_article_321_.html
http://www.krusamut.com/?p=135
http://vsaejea.blogspot.com/2012/07/blog-      post.html#!/2012/07/blog-post.html





เขียนโดย ที่ ไม่มีความคิดเห็น:

วันศุกร์ที่ 22 มิถุนายน พ.ศ. 2555




HTML  Tag  พื้นฐาน


 

                HTML                      
   -  ย่อมาจากคำว่า HyperText Markup Language เป็นภาษาที่ใช้ในการแสดงผลของเอกสารบน website หรือที่เราเรียกกันว่าเว็บเพจ เป็นภาษาที่พัฒนาโดย World Wide Web Consortium (W3C) 
   -  เขี่ยนด้วยโปรแกรม Note Ped
การแสดงไฟล์เอกสาร การแสดงไฟล์เอกสาร HTML มี 2 วิธีคือ 1. การแสดงไฟล์เอกสาร โดยเปิดผ่าน IE มีขั้นตอนดังนี้ - ดับเบิ้ลคลิกที่ IE แล้วเลือกเมนู File ,Open , Brows - เลือกชื่อไฟล์ที่ต้องการเปิด, Open , OK
   -  เปิดด้วยโปรแกรม
Wed Browaer , Google Chrome , Mozilla Firefox




   Text Editer   
      คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่างๆ ปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม
เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วยในบทเรียนชุดนี้ จะใช้โปรแกรม Notepad ในการสร้างเว็บเพจด้วยภาษา HTML

ข้อควรจำ
โปรแกรม Text Editor ใช้สำหรับสร้างเว็บเพจ แต่โปรแกรม Web Browser ใช้สำหรับแสดงผลการทำงานของ
คำสั่งต่าง ๆ ที่สร้างจากโปรแกรม Text Editor นั่นหมายความว่าการจะสร้างเว็บเพจ ต้องมีเครื่องมือหรือโปรแกรมทั้ง 2
ประเภท คือ Text Editor และ Web Browser




องค์ประกอบของเอกสาร HTML


ประกอบด้วย 2 ส่วนใหญ่ๆ คือ
  - HTML Teg
  -ส่วนที่เป็นเนื้อหาของเอกสาร














       <html> คือ          

<HTML>..........</HTML>
           คำสั่ง < HTML > เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง < /HTML > เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บบราวเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML




        <head> คือ           

<HEAD>..........</HEAD>

           คำสั่ง < HEAD > เป็นคำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์ HTML และภายในคำสั่ง <HEAD>...</HEAD> จะมีคำสั่งย่อยอีกคำสั่งหนึ่งคือ < TITLE >........< /TITLE >





         <title> คือ             


<TITLE>..........</TITLE >
           คำสั่ง < TITLE > เป็นคำสั่งที่แสดงชื่อของเอกสาร หรือชื่อเรื่องของไฟล์ HTML ซึ่งข้อความภายในคำสั่งจะปรากฎหรือแสดงผลในส่วนของไตเติลบาร์ (Title Bar) ของโปรแกรมเว็บบราวเซอร์ แต่จะไม่แสดงในส่วนของการแสดงผลในโปรแกรมเว็บบราวเซอร์





         <body> คือ            

<BODY>..........</BOYD>

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


<BR>คือ

การใช้คำสั่ง <br>
ขั้นตอนการทำ
คำสั่ง <br> เป็นคำสั่งขึ้นบรรทัดใหม่โดยตัวคำสั่งจะใช้เพียงตัวเดียวไม่ต้องใช้ 2 ตัวเหมือนคำสั่งอื่น อยู่ภายในคำสั่ง <body>




<P> คือ
 คำสั่ง <p> เป็นคำสั่งขึ้นย่อหน้าใหม่ใช้กับข้อความ โดยใช้เพียวตัวเดียวแทรกในข้อความ ภายในคำสั่ง <body> รูปแบบคำสั่งมีดังนี้


 แหล่งที่มา

- http://www.pyayam.com/article/show.php?Category=abbreviation&No=281
    
    - http://school.obec.go.th/pp_school/html/editor.html
  -http://www.webthaidd.com/html/webthaidd_article_294_.html


http://www.qoolive.com/uploads/assets/quotas/user_2050/larg_2050_3c0d0d.gif

20 มิถุนายน 2555





เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)