วันจันทร์ที่ 22 กันยายน พ.ศ. 2557

HTML Tag พื้นฐาน

HTML Tag พื้นฐาน


HTML

- ย่อมาจากคำว่า Hyper Text Markup Language 

- ใช้โปรแกรม Notepad สร้าง




- เปิดด้วยโปรแกรม Web Browser เช่น Google Chrome / Internet Explorer / Mozilla Firefox




Text Editor

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



 ข้อควรจำ

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


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

ประกอบด้วย 2 ส่วนใหญ่ๆ คือ

- ข้อความที่ต้องการให้แสดงบนจอภาพ
- ข้อความที่เป็นคำสั่ง

HTML พื้นฐาน

คำสั่งเริ่มต้น
        รูปแบบคำสั่ง <HTML>........</HTML> คำสั่ง <HTML> ซี่งจะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML และคำสั่ง </HTML> จะเป็นส่วนของการจบ

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

ตัวอย่าง






เขียนโดย ที่

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

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)