Tag พื้นฐาน

HTML คืออะไร
     HTML ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ

ใช้อะไรในการเขียน HTML
     การสร้างไฟล์   HTML  เราสามารถสร้างจาก Text  Editor เช่นจาก Notepad หรือ  Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่  " ชื่อไฟล์ . html    ซึ่งถ้าหากคุณไม่ใส่   จะ กลายเป็นไฟล์   .TXT แทน  ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ 
การเปิดเอกสาร 
    การเปิดเอกสาร หรือ  การแสดงไฟล์เอกสาร มี 2 วิธีคือ 

1.ดับเบิ้ลคลิกที่ IE แล้วเลือกเมนู File ,Open , Brows  เลือกชื่อไฟล์ที่ต้องการเปิด, Open , OK 

2.ดับเบิ้ลคลิกที่ชื่อไฟล์เอกสารนั้น  จะปรากฏผลลัพธ์ของไฟล์เอกสาร HTML ผ่านเว็บ Browser การเปิดดู CODE ภาษา HTML เมื่อแสดงบนเว็บบราวเซอร์  เลือกเมนู View , Source 

Browser ที่ใช้เปิดดูเอกสารคือ fire fox, Internet Explorer,Google Chrome อื่่นๆเป็นต้น  

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

ตัวอย่าง Code

ผลลัพธ์

โครงสร้างพื้นฐาน HTML
        โครงสร้าง HTML ประกอบด้วย 2 ส่วนสำคัญคือ
                1. ส่วนหัว ( Head )
                2. ส่วนเนื้อหา ( Body )

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

    รูปแบบคำสั่ง Body เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG <BODY> ….. </BODY>

    รูปแปปคำสั่ง <BR>  เป็น TAG สำหรับการขึ้นบรรทัดใหม่ของ HTML

    รูปแบบคำสั่ง <p> HTML เพิ่มแถวว่างอย่างอัตโนมัติก่อนและหลังย่อหน้า

ขนาดตัวอักษร
     การกำหนดขนาดตัวอักษรคำสั่งที่ใช้ <FONT SIZE = VALUE >.......</FONT>    การกำหนดขนาดตัวอักษรโดยทั่วไปมีด้วยกัน 7 ขนาดซึ่งตั้งแต่ -7 จนถึง +7 

รูปแบบตัวอักษร
     การกำหนดตัวอักษรให้เป็น ตัวหนา  คำสั่งที่ใช้ <B>........</B>
     การกำหนดตัวอักษรให้เป็น   ตัวเอน  คำสั่งที่ใช้ <U>.........</U>
     การกำหนดตัวอักษรให้เป็น   ตัวขีดเส้นใต้ คำสั่งที่ใช้ <L>.........</L>


คำสั่งแสดงภาพ
     รูปแบบคำสั่ง <IMG SRC= "ไฟส์รูปภาพ" > ไฟล์รูปภาพส่วนใหญ่จะเป็นไฟล์ชนิด .GIF .JPG 
เพราะเว็ปเบราเซอร์ส่วนใหญ่สนับสนุนไฟล์ 2 ชนิดนี้

ที่มา : http://www.xvlnw.com/knowledge-readknowledge-id40.html
          http://school.obec.go.th/pp_school/html/editor.html
          http://www.easyhome.in.th/lesson/htmlindex.htm
          http://www.genstyles.com/tips-11.html
          http://www.oknation.net/blog/ict/2009/04/21/entry-1

วันที่ 23 มิถุนายน 2555 :)

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

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

Internet   คือ เครือข่ายคอมพิวเตอร์ที่เชื่อมต่อกันเป็นจำนวนมากครอบคลุมไปทั่วโลก โดยอาศัยโครงสร้างระบบสื่อสารโทรคมนาคมเป็นตัวกลางในการแลกเปลี่ยนข้อมูล มีการประยุกต์ใช้งานหลากหลายรูปแบบ อินเทอร์เน็ตเป็นทั้งเครือข่ายของคอมพิวเตอร์ และเครือข่ายของเครือข่าย อินเทอร์เน็ตเป็นเครือข่ายสาธารณะที่ไม่มีผู้ใดเป็นเจ้าของ ทำให้การเข้าสู่เครือข่ายเป็นไปได้อย่างเสรีภายใต้กฎเกณฑ์บางประการที่กำหนดขึ้น เพื่อไม่ให้เกิดความสับสนและวุ่นวายจากการเชื่อมต่อจากเครือข่ายทั่วโลก

สำหรับคำว่า internet หากแยกศัพท์จะได้ออกมา 2 คำ คือ คำว่า Inter และคำว่า net

*   Inter หมายถึงระหว่าง หรือท่ามกลาง
*   Net มาจากคำว่า Network หรือเครือข่าย























WWW ย่อมาจาก World Wide Web   คือ เครือข่ายที่เชื่อมต่อกันทั่วโลกเรามักเรียกย่อๆกันว่า เว็บ คือรูปแบบหนึ่งของระบบการเชื่อมโยงเครือข่ายข่าวสาร ใช้ในการค้นหาข้อมูลข่าวสารบน Internet จากแหล่งข้อมูลหนึ่ง ไปยังแหล่ง ข้อมูลที่อยู่ห่างไกล ให้มีความง่ายต่อการใช้งานมากที่สุด   WWW จะแสดงผลอยู่ในรูปแบบของเอกสารที่เรียกว่า ไฮเปอร์เท็กซ์ (Hyper Text) ซึ่งเป็นฐานข้อมูลชนิดหนึ่งที่ทำหน้าที่รวบรวมข่าวสารข้อมูลที่อยู่กระจัดกระจายในที่ต่าง ๆ ทั่วโลกให้สามารถนำมาใช้งานได้เสมือนอยู่ในที่เดียวกัน  โดยใช้เว็บเบราเซอร์ซึ่งเป็นโปรแกรมที่ช่วยในการดู หรืออ่านข้อมูลเหล่านั้น เว็บเบราวเซอร์ที่นิยมใช้ เช่น IE Microsoft Internet Explorer , Firefox , google chrome เป็นต้น 























Webpage คือ เอกสารที่ใช้ในการเผยแพร่ข้อมูล ประกอบด้วยข้อมูลแบบสื่อประสม เช่น ข้อความ,ภาพ,ภาพเคลื่อนไหว,เสียง เป็นต้น โดยการนำเสนอผ่านทางระบบเครือข่าย อินเทอร์เน็ต ซึ่งมีความแตกต่างกันไปตามวัตถุประสงค์การใช้งาน

























Website  Web (ใยแมงมุม) และ Site(โครงข่าย) หรือเรียกว่า "โครงข่ายในแมงมุม            ซึ่งหมายถึง กลุ่มของเว็บเพจที่เกี่ยวข้องและสัมพันธ์กัน ประกอบไปด้วย เว็บเอกสาร และสื่อประสมต่าง ๆ เช่น ภาพ เสียง ข้อความ เป็นต้น ซึ่งอาจเรียกเอกสารต่าง ๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงก์ (Links) เชื่อมต่อถึงกัน



















Homepage คือ คำที่ใช้เรียกหน้าแรกของเว็บไซต์ โดยเป็นทางเข้าหลักของเว็บไซต์ เมื่อเปิดเว็บไซต์นั้นขึ้นมา โฮมเพจ ก็จะเปรียบเสมือนกับเป็นสารบัญและคำนำที่เจ้าของเว็บไซต์นั้นได้สร้างขึ้น เพื่อใช้ประชาสัมพันธ์องค์กรของตน นอกจากนี้ ภายในโฮมเพจก็อาจมีเอกสารหรือข้อความที่เชื่อมโยงต่อไปยังเว็บเพจอื่นๆ













Web Browser  เบราว์เซอร์ หรือ โปรแกรมดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ






























HTML  ย่อมาจากHypertext Markup Language  คือ  เป็นรูปแบบของภาษาที่ใช้สำหรับสร้างWeb Page ซึ่งจะถูกแปลความหมายและแสดงผลด้วย Web Browser และจะแสดงได้ทั้งข้อมูลที่เป็น ข้อความ เป็นเสียง เป็นภาพ และภาพเคลื่อนไหว เช่น VDO หรือภาพยนต์ ที่เรามองเห็นใน Internet .

























URL (Uniform Resource Locator )  คือ การระบุตำแหน่งของไฟล์ที่เข้าถึงได้บนอินเตอร์เน็ต ประเภทของทรัพยากรขึ้นกับโปรโตคอลประยุกต์บนอินเตอร์เน็ตที่ใช้ การใช้โปรโตคอลของ World Wide Web     หรือ   Hypertext Tranfer Protocol ทรัพยากรคือเพจ HTML, ภาพ, โปรแกรมอินเตอร์เฟซ





































แหล่งอ้างอิง




-Internet (http://school.obec.go.th/mrPaisan/e-learning/information/content/internet1.htm)




-WWW (http://www.mindphp.com)




-Webpage (http://school.obec.go.th/pp_school/html/Web1.html)




-Website (http://www.genstyles.com/tips-7.html)




-Homepage (http://www.mindphp.com)




-Web browser (http://www.mindphp.com)




-HTML (http://www.com5dow.com)




-URL (http://www.com5dow.com)

















วันที่ 6 มิถุนายน 2555 :)