วันเสาร์ที่ 30 มิถุนายน พ.ศ. 2555


HTML tag พื้นฐาน

HTML

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

                                                            
เปิดด้วยโปรเเกรม  Web Browser  ได้เเก่ Google Chrome / Internet Explorer / Mozilla Firefox เเละอื่น ๆ 

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

       1. ส่วน Head คือส่วนที่จะเป็นหัว (Header) ของหน้าเอกสารทั่วไป หรือส่วนชื่อเรื่อง(Title) ของหน้าต่างการทำงานในระบบ Windows
       2. ส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้น ๆ ซึ่งจะประกอบด้วย Tag คำสั่งในการจัดรูปแบบ หรือตกแต่งเอกสาร HTML
             
        ในทั้งสองส่วนนี้จะอยู่ภายใน Tag <HTML>…</HTML> ดังนี้
<html>
<head>
<title>เอกสาร HTML </title>
</head>
<body>
</body>
</html>
         คำสั่ง หรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า"<" ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า ">" เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม "/" (Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย
          ในการเขียนคำสั่งภาษา HTML สามารถเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียน
คละกันได้ เช่น <HTML> หรือ <Html> หรือ <html> ซึ่งจะให้ผลเหมือนกัน


คำสั่งเริ่มต้นของเอกสาร HTML


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


<HEAD>..........</HEAD>
Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้น ๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ(Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ


<TITLE>..........</TITLE >
ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา เอียง หรือสี และควรใช้ภาษาที่มีความหมายครอบคลุมถึงเนื้อหาของเว็บเพจ นั้น หรือเป็นคำสำคัญในการค้นหา (Keyword)


<BODY>..........</BODY>
Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> … </BODY>


<BR>
ในการเขียน HTML การกดปุ่ม Enter เพื่อขึ้นบรรทัดใหม่นั้น จะไม่มีผลใดๆกับข้อมูลที่แสดงต่อผู้ชมเว็บเพจ ถ้าต้องการให้ข้อความขื้นบรรทัดใหม่ให้ใช้ <BR> แทนที่การกดปุ่ม Enter  ข้อความ.... <BR> ข้อความ


<P>
ถ้าต้องการให้ขื้นย่อหน้าใหม่ใช้ <P> ผลลัพธ์ที่ได้จากการใช้ <P> นั้นเสมือนการกดปุ่ม Enter 2 ครั้งข้อความใน Paragraph… <P> ข้อความใน Paragraph...

ตัวอย่าง Code เเละ การเเสดงผล

Code



การเเสดงผล




เเหล่งที่มา : http://school.obec.go.th/pp_school/html/editor.html

วันเสาร์ที่ 30 มิถุนายน พ.ศ.2555


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

วันอังคารที่ 12 มิถุนายน พ.ศ. 2555

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

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

     
     
    WWW
        เวิลด์ไวด์เว็บ (อังกฤษ: World Wide Web, WWW, W3 ; หรือที่เรียกกันสั้นๆ ว่า "เว็บ") คือพื้นที่ที่เก็บข้อมูลข่าวสารที่เชื่อมต่อกันทางอินเทอร์เน็ต โดยการกำหนด URL คำว่าเวิลด์ไวด์เว็บมักจะใช้สับสนกับคำว่า อินเทอร์เน็ต โดยจริงๆแล้วเวิลด์ไวด์เว็บเป็นเพียงแค่บริการหนึ่งบนอินเทอร์เน็ต
    picture
        Webpage
     เว็บเพจ (webpage) หมายถึง หน้าหนึ่ง ๆ ของเว็บไซต์ ที่เราเปิดขึ้นมาใช้งาน 
    โดยทั่วไป เว็บเพจส่วนใหญ่จะอยู่ในรูปของเอกสาร HTML หรือ XHTML (ซึ่งมักมีนามสกุลไฟล์เป็น htm หรือ html) มีลิงก์สำหรับเชื่อมโยงไปยังเว็บเพจหน้าอื่น ๆ สามารถใส่รูปภาพและรูปภาพยังสามารถเป็นลิงก์ กล่าวคือสามารถคลิกบนรูปเพื่อกระโดดไปหน้าอื่นได้ นอกจากนี้ยังสามารถใส่แอพเพล็ต (applet) ซึ่งเป็นโปรแกรมขนาดเล็กแสดงภาพเคลื่อนไหว มีปฏิสัมพันธ์กับผู้ใช้ หรือสร้างเสียง ได้อีกด้วย 
    โปรแกรมที่ใช้เปิดดูเว็บเพจ เรียกว่า เว็บเบราว์เซอร์ ตัวอย่างเว็บเบราว์เซอร์ที่เป็นที่นิยม เช่น อินเทอร์เน็ตเอ็กซ์พลอเรอร์, Netscape, มอซิลลา ไฟร์ฟอกซ์, และ ซาฟารี เป็นต้น 
    โปรแกรมสำหรับสร้างเว็บเพจ เช่น โปรแกรม Macromedia Dreamweaver , PHP & MySQL , Flash Professional เป็น

    Website
    เว็บไซต์ คืออะไร
    เว็บไซต์ (Website) หมายถึง แหล่งความรู้หรือข้อมูลข่าวสารที่ถูกเก็บไว้บนระบบ เน็ตเวิร์ก (Network) ออนไลน์ (Online) ที่เรียกว่า อินเตอร์เน็ต (Internet) ไม่ว่าคุณจะอยู่ที่ไดบนโลกนี้ถ้า คอมพิวเตอร์ (Computer) ของคุณได้ถูกเชื่อมต่อไว้กับระบบอินเตอร์เน็ต คุณก็สามารถที่จะเข้าชมเว็บไซต์ผ่านทาง ซอฟต์แวร์ (Software) ที่เรียกว่า เว็บบาวเซอร์ (Web Browser)
    เราจะเรียกเว็บแต่ละเว็บว่า โฮมเพจ (Homepage) และจะเข้าโฮมเพจผ่านทาง เวิลด์ไวด์เว็บ (World Wide Web,  WWW, W3) เช่นการจะเข้าเว็บไซต์ จ๊ะจ๋า ดอท คอม เราก็จะพิมพ์ www.jajar.com ในช่อง address แล้วกด Enter เพื่อเข้าสู่เว็บไซต์ และเรียกชื่อดังกล่าวว่า URL หรือชื่อของเว็บนั่นเอง
    เราสามารถเรียกเว็บไซต์ได้หลายแบบ ที่มักพบในภาษาไทย เช่น เว็บไซต์ เว็บไซด์ เวปไซต์ เวปไซด์ เว็บ เวป เว็บเพจ ซึ่งมีความหมายเดียวกัน และที่ใช้ในภาษาอังกฤษ เช่น Website, Web Site, Web, Web Page
    และในปัจจุบันนี้เชื่อว่าหลายๆ ท่านคงจะเคยเล่นเว็บไซต์เป็นแน่ บทความที่ท่านกำลังอ่านออนไลน์ ผ่านหน้าจออยู่นี่แหละครับที่เรียกว่าเว็บไซต์
     


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

    ฺฺBrowser

    HTML
    HTML (ชื่อเต็มคือ Hypertext Markup Language ภาษามาร์กอัปข้อความหลายมิติ) คือภาษามาร์กอัปออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ เริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) สำหรับภาษา SGML ในปัจจุบัน HTML เป็นมาตรฐานหนึ่งของ ISO ซึ่งจัดการโดย World Wide Web Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน รูปแบบของ HTML แบบใหม่ ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่งที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน
    HTML ยังคงเป็นรูปแบบไฟล์อย่างหนึ่ง สำหรับ .html และ สำหรับ .htm ที่ใช้ในระบบปฏิบัติการที่รองรับ รูปแบบนามสกุล 3 ตัวอักษร
     URL
        Uniform Resource Locator (URL) เป็นการระบุตำแหน่งของไฟล์ที่เข้าถึงได้บนอินเตอร์เน็ต ประเภทของทรัพยากรขึ้นกับโปรโตคอลประยุกต์บนอินเตอร์เน็ตที่ใช้ การใช้โปรโตคอลของ World Wide Web หรือ Hypertext Tranfer Protocol ทรัพยากรคือเพจ HTML, ภาพ, โปรแกรมอินเตอร์เฟซ เช่น Java applet หรือไฟล์ที่ HTTP โดย URL จะเก็บชื่อของโปรโตคอลที่ต้องการ เพื่อเข้าถึงทรัพยากร ซึ่ง Domain name เป็นการระบุคอมพิวเตอร์บนอินเตอร์เน็ต และการอธิบายลำดับชั้นของตำแหน่งไฟล์ในคอมพิวเตอร์

    ที่มา









    วันที่12 มิถุนายน พ.ศ.2555

























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