sbeebird.blogspot.com: กรกฎาคม 2013

วันพฤหัสบดีที่ 18 กรกฎาคม พ.ศ. 2556

HTML TAG พื้นฐาน

HTML ย่อมา Hyper Text Markup Language

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

ใช้โปรแกรม Text Editor ต่างๆ เช่น

Simple Text (OS Macintosh)

Notepad (OS Windows)

EditPlus (OS Windows)

หรือจะอาศัยโปรแกรมที่เป็นเครื่องมือช่วยสร้างเว็บเพจ เช่น

Microsoft FrontPage (OS Windows)

Dream Weaver (OS Windows,Macintosh)

ซึ่งอํานวยความสะดวกในการสร้างหน้า HTML

แต่มีข้อเสีย คือ โปรแกรมเหล่านี้มัก generate code ที่เกินความจำเป็นมากเกินไป ทําให้ไฟล์ HTML มีขนาดใหญ่ และแสดงผลช้า ดังนั้นหากเรามีความเข้าใจภาษา HTML จะเป็นประโยชน์Sให้เราสามารถแก้ไข code ได้ตามความต้องการ และยังสามารถนำ script มาแทรก ตัดต่อ สร้างลูกเล่นสีสันให้กับเว็บเพจของเราได้

การเรียกใช้งานหรือทดสอบการทำงานของเอกสาร HTML จะใช้โปรแกรม Internet Web Browser เช่น Internet Explorer (IE) ,Mozilla Firefox ,Google chrome ,Safari, Opera,

Netscape Navigator

อ้างอิง

http://www.enjoyday.net/webtutorial/html/html_chapter01.html 18/7/13
http://www.kts.ac.th/kts/kanghan/html/unit105.html 18/7/13

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

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

<....> คือ Tag เปิด

</....> คือ Tag ปิด

<html> คือ บล็อกจุดเริ่มตอนและจุดสุดท้ายของเอกสาร Html จะมี Tag เปิด และ Tag ปิด

รูปแบบ

<head> คือ บล็อกจุดเริ่มตอนและจุดสุดท้ายของส่วนหัวเรื่องของเอกสาร จะมี <title> เป็นส่วนประกอบ ภายใน จะมี Tag เปิด และ Tag ปิด

<title> คือ เป็นส่วนกำหนดชื่อของเอกสาร Html จะมี Tag เปิด และ Tag ปิด

รูปแบบ

<body> คือ บล็อกที่บรรจุข้อมูลต่างๆ ที่ต้องการให้แสดงบน browser ไม่ว่าจะเป็น ข้อความ รูป ตาราง หรือแท็กที่ใช้ในการกำหนดรูปแบบของเอกสาร จะมี Tag เปิด และ Tag ปิด

รูปแบบ