วันศุกร์ที่ 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





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

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