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
ในบทเรียนชุดนี้ จะใช้โปรแกรม 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>
การเขียน HTML
รูปแบบคำสั่ง <HEAD>..........</HEAD> คำสั่ง <HEAD> เป็นคำสั่งที่ใช้ในการกำหนดข้อความส่วนที่เป็นชื่อเรื่องซึ่งภายใต้ของคำสั่งนี้จะมีคำสั่งย่อย อีกคำสั่งหนึ่งคือ คำสั่ง <TITLE>........</TITLE>
รูปแบบคำสั่ง
<TITLE>.........</TITLE>
คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
<TITLE>.........</TITLE>
คำสั่ง <TITLE>.....</TITLE> จะเป็นส่วนของการแสดงชื่อของเอกสาร จะปรากฎในขณะที่ไฟล์ HTML ทำงานการแสดงผลจะแสดงในส่วนของไตเติลบาร์ ( Title Bar )
<body>...</body> คำสั่ง
<BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์
ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น
<BR> มาจากคำว่า BREAK
ซึ่งหมายถึง การขึ้นบรรทัดใหม่
<P> มาจากคำว่า
Paragraph ซึ่งหมายถึง การขึ้นย่อหน้าใหม่
ตัวอย่าง
ผล
รายชื่อเวปไซต์ที่น่าสนใจ
ต่อไปนี้เป็นรายชื่อเวปไซต์ที่น่าสนใจ
โดยมีการจัดเป็น หมวดหมู่เพื่อช่วยให้การค้นหานั้นสะอาด และรวดเร็ว กรุณา Click
Mouse เพื่อไปส่วนที่คุณสนใจ
ความบันเทิง
เวปไซต์สำหรับครอบครัว
ความรู้ด้านคอมพิวเตอร์
แหล่งที่มา :
26/06/55 17:42