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

Week2 HTML tag พื้นฐาน






  • HTML ย่อมาจาก ใช้โปรแกรมอะไรและเปิดดูเอกสาร
  •   - ย่อมาจาก  Hypertext Markup Language
  •   -ใช้โปรแกรม Note Pad
           เปิดดูเอกสาร เป็นเอกสารที่สามารถเชื่อมโยงข้อมูลไปยังเอกสารอื่น จุดเด่นที่สำคัญที่สุดของ HTML นั้นก็คือ ความเป็นเอกสารที่มีความสามารถมากกว่าเอกสารทั่วไป และมีความสามารถแบบ Hypertext คือสามารถเปิด ดูได้โดยโปรแกรมแก้ไขข้อความต่าง ๆส่วนการเชื่อมโยงข้อมูลไปยังเอกสารอื่น ๆ นั้นสามารถทำได้โดยการใส่สัญลักษณ์พิเศษ เข้าไปในเอกสารที่เรียกว่า แท็ก (tag) ซึ่งจะถูกอ่านโดยโปรแกรมเว็บบราวเซอร์ต่าง ๆ เช่น IE , Netscape , Opera ฯลฯ ซึ่งภาษา HTML นั้นมีรากฐานมาจากภาษา SGML (Standard General Marup Language) ซึ่งเป็นอีกภาษาหนึ่งที่ใช้ในการ ใช้งานอินเตอร์เน็ตในระยะแรก ๆ และต่อมาก็ได้มีการพัฒนาภาษา HTML อยู่ตลอดเวลา จนกระทั่งปัจจุบันนี้เป็น HTML4 ภาษา HTML นั้นก็มีคุณสมบัติที่ง่ายต่อการเขียน ไม่ว่าจะเป็นผู้ที่ไม่มีความรู้ทางด้านภาษาโปรแกรมใด ๆ เลย ก็สามารถเขียน ได้อย่างสบาย และจุดเด่นที่สำคัญที่สุด คือเราสามารถนำเสนอข้อมูลที่มีทั้งตัวอักษร ภาพ เสียง วิดีโอ และอื่น ๆ ที่รวมอยู่ในไฟล์ เดียวกันได้ และสามารถเชื่อมโยงกับเอกสารอื่น ๆ ได้ง่ายดาย 



Text Editor คืออะไร

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

NotePad

   


EditorPlus


Dreamweaver 



  • องค์ประกอบของเอกสาร html   คือ รูปแบบมาตราฐานของเอกสาร HTML จะมีอยู่สองส่วน ส่วนแรกเรียกว่าส่วนหัว (head) และส่วนที่สองเรียกว่า ส่วนตัว(body) และทั้งสองส่วนจะต้องอยู่ภายใต้คู่แท็ก <HTML>....</HTML> เสมอ 


<HTML> 

   <HTML> คือ ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup หมายถึง วิธีในการเขียนข้อความ language หมายถึงภาษา ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ในการเขียนข้อความ ลงบนเอกสารที่ต่างก็เชื่อมถึงกันใน cyberspace ผ่าน
Hyperlink นั่นเอง




<head> 

     < head > คือ  เป็นเครื่องมือที่ใช้โดยนักวิจัย หรือบรรณารักษ์ ในการค้นหาสารสนเทศ บน web site ของ gopher ซึ่งสามารถใช้ในการเมนูการค้นหาสำหรับโครงสร้าง gopher โดย Jug head คล้ายกับ veronica ซึ่งเป็นเครื่องมือค้นหาบน gopher อย่างไรก็ตาม jug head มีความทันสมัยน้อย และเฉพาะภายใน gopher เมื่อไฟล์บนแม่ข่าย gopher ได้แปลงเป็นไฟล์ HTML แล้ว gopher จึงมีความสำคัญน้อยลง


<Title> 

          < Title > คือ  จะเปนส่วนหนึ่งของ  Title Bra ตรงด้านบน IE ที่จะเป็นชื่อและจะใส่อะไรก็ได้ เช่น  <title>  Title Bra  </title>


<Body> 


< BODY > คือ เป็นส่วนสำคัญ  คือ Tag  BODY  โดยใน  <BODY> และ  </BODY> นั้นจะเป็นส่วนหนึ่งของข้อความบนหน้าเว็บนั้นเอง





<BR> 
      < BR > คือ เป็นแท็กที่ใช้สำหรับขึ้นบรรทัดใหม่ในส่วนเนื้อหาของ  BODY




<P>
     < P > คือ  เป็นแท็กที่ใช้สำหรับย่อหน้า ในเนื้อหาของ   BODY เช่นกัน




ตัวอย่างโค๊ต และ การเเสดงผล






รูปแบบโค๊ต







ข้อมลูอ้างอิง



ไม่มีความคิดเห็น:

แสดงความคิดเห็น