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

HTML Tag พื้นฐาน

HTML ย่อมาจาก HyperText Markup Language ใช้โปรแกรม Notepad ใช้โปรแกรม web browser ในการเปิดเอกสารเช่น IE 


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

องค์ประกอบของเอกสาร html มี 2 ส่วนคือ
 1. ส่วน Head คือส่วนที่จะเป็นหัวของเอกสารทั่วไปและส่วนชื่อเรื่อง
 2. ส่วน Body เป็นส่วนเนื้อหาของเอกสารนั้น ๆ ซึ่งประกอบด้วย Tag คำสั่งในการจัดรูปแบบ







<html>   คือ...

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



<head>  คือ...

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



<title>   คือ...

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




<body> คือ...

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


<BR>   คือ...

                tag <br> คือคำสั่งที่ใช้ตัดข้อความ หรือการปัดให้ขึ้นบรรทัดใหม่








<P>     คือ...

                Tag <p> คือการขึ้นย่อหน้าใหม่  หรือการปัดให้ขึ้นบรรทัดใหม่ 2 บรรทัด




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

www.thainextstep.com/html/html_03.php
www.htmlthailand.com/article.php?aid=34




13/6/55








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


Internet =  เครือข่ายคอมพิวเตอร์นานาชาติ ที่มีสายตรงเชื่อมต่อไปยังสถาบันหรือหน่วยงานต่าง ๆ เพื่ออำนวยความสะดวกให้แก่ผู้ใช้ทั่วโลก. 

WWW = World Wide Web  เป็นการใช้งานแบบหนึ่งใน Internet ทีทำงานในระบบ Client Server เป็นโปรแกรมที่ทำงานเกี่ยวกับส่วนหนึ่งของข้อมูล


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



ตัวอย่างเว็บเพจหน้าแรกของเว็บไซต์ google




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


Home Page =  เว็บเพจแรกที่ปรากฏหลังจากเริ่มใช้ web browser เช่น Netscape Navigator หรือ Microsoft Internet Explorer ซึ่ง browser มักจะได้รับการตั้งค่าก่อน ดังนั้น home page คือ เพจแรกของผู้ผลิต browser อย่างไรก็ตามผู้ใช้สามรถตั้งค่าการเปิด web site อื่น ๆ 

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



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 ตัวอักษร

ตัวอย่าง โครงสร้างไฟล์ html 
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>



URL = The Uniform Resource Locators (URL) เป็นเสมือนที่อยู่ของเอกสารบนเว็บ ทุกๆ เอกสารจะต้องมี URL เป็นของตัวเอง แต่ละส่วนของ URL เป็นสิ่งที่ใช้ระบบข้อมูลเกี่ยวกับที่ตั้งของเอกสาร ตัวอย่างเช่น

http://www.xvlnw.com
http://www.xvlnw.com/index.php?name=download



อ้างอิง 

http://www.bloggang.com/mainblog.php?id=kawaiicas&month=09-07-2009&group=2&gblog=10

http://www.thaigoodview.com/library/contest2553/type2/tech04/05/_www.html

30/5/55