Week 2 HTML TAG พื้นฐาน
HTML ย่อมาจากคำว่า HyperText Markup Language เป็นภาษาที่ใช้ในการแสดงผลของเอกสารบน website หรือที่เราเรียกกันว่าเว็บเพจ เป็นภาษาที่พัฒนาโดย World Wide Web Consortium (W3C)
HTML เป็นภาษาที่สำคัญมากกับเทคโนโลยีบนเว็บไซต์ ไม่ว่าคุณจะเขียนโปรแกรมบนเว็บไซต์ด้วยภาษาใด ๆ ๆ เช่น PHP, ASP, Perl หรืออื่น ๆ คุณก็ต้องมีความจำเป็นในการแสดงผลข้อมูลออกมายัง Web Browser ด้วยภาษา HTML เป็นหลักใหญ่ หรือให้เรามองว่า HTML คือ Output ในการแสดงผลสู่จอภาพของ Web Browser
โปรแกรมที่ใช้สร้างภาษา HTML (Text Editor)
Text Editor นั้น กล่าวโดยสรุปคือ โปรแกรมที่เราสามารถเขียนข้อความลงไปได้โดยข้อความที่เราเขียนนั้น จะเป็นตัวหนังสือ CODE หรือภาษาที่ใช้ในการสร้าง Website อย่างภาษา HTML ก็ได้
โดยภาษา HTML นั้นเป็นภาษา ที่สามารถเขียนขึ้นมาได้ด้วยหลาย ๆ โปรแกรม เราสามารถสร้างภาษา HTML ได้ด้วยโปรแกรมพื่นฐาน เช่น Nopepad หรือ Worldpad
และก็ยังมีโปรแกรมที่ใช้ ในการเขียนภาษา HTML โดยเฉพาะอีกด้วย อาทิเช่น โปรแกรม
HTML-Assistant(เอชทีเอ็มแอล-แอสซิสแตนต์)
<<< ตัวอย่างของโปรแกรม Notepad
ตัวอย่างของโปรแกรม Worldpad >>>
หลังจากที่เราเขียน CODE ของภาษา HTML เสร็จเรียบร้อยแล้ว ให้เราทำการ SAVE ไฟล์นั้น ๆ โดยให้เขียนข้างหลังชื่อไฟล์เป็นนามสกุลของภาษา HTML คือ .HTML และสามารถเปิดดูได้ด้วย โปรแกรม Web Browser ทั่วไป (IE,Firefox,Google Chrome,Opera,Safari,Maxthon,Netscape,Avant Browser)
องค์ประกอบของเอกสาร HTML
โดยปกติแล้วโครงสร้างของ HTML
มีรูปแบบโครงสร้างที่ประกอบอยู่ด้วยกัน 2 ส่วน คือ
1. ส่วนของ HEAD สำหรับข้อมูลในส่วนหัวของ HTML เช่น ข้อความบน Title bar เป็นต้น
2. ส่วนของ BODY สำหรับการแสดงผลยังหน้าเอกสาร หรือหน้า Web Browser
โดยทั้ง 2 ส่วนข้างต้น จะเรียกว่า TAG โดยจะต้องเขียน CODe ในเครื่องหมาย <ชื่อ Tag>ตัวอย่างเช่น <HTML>
และส่วนประกอบหรือรายชื่อ Tag หลัก ๆ ที่ใช้ในการเขียนภาษา HTML มีดังนี้
<HTML> คือส่วนที่ใช้ในการเริ่มต้นเขียนภาษา HTML โดยในการเขียนภาษา HTMl แต่ละครั้งจะขาด Tag นี้ไปไม่ได้
<HEAD> คือ ส่วนของหัวเรื่อง
<Title> คือ ชื่อเรื่อง
<Body>คือ เนื้อหาของเรื่อง เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser
<Br> คือ การเว้นบรรทัด
<p> คือ การกำหนดย่อหน้าในเว๊บเพจ
<B> คือ ตัวอักษรหนา
<I> คือ ตัวอักษรเอียง
<U> คือ ตัวอักษรขีดเส้นใต้
<Blink> คือ ตัวอักศรกระพริบ
<Marquee> คือ ตัวอักษรแบบแถบวิ่ง
ตัวอย่างของภาษา HTML ที่เขียนเสร็จแล้ว และแสดงผลบน
Web Browser
ตัวอย่างโค้ดที่เขียนด้วยโปรแกรม Note Pad
ตัวอย่างของโค้ดที่เขียนเสร็จและเปิดดูด้วยโปรแกรม Web Browser
(Max thon 3)
www. อ้างอิง
http://guru.google.co.th/guru/thread?tid=7b3e1df05f4fb4d0&pli=1http://www.holy.ac.th/holy/html.htm
ไม่มีความคิดเห็น:
แสดงความคิดเห็น