Downloaded 15 times
Cai html
- 1.
- 2. HTML (HyperText Markup Language) HTML เป็นภาษาคอมพิวเตอร์เพื่อใช้สร้างเอกสารแสดงข้อมูลบนเว็บ โดยมี Tag เป็นคำสั่งให้ Web Browser ทำงาน HTML ได้รวมเอาคุณสมบัติของความเป็นไฮเปอร์เท็กซ์ (Hyper Text) เข้าไว้ด้วยกัน ซึ่งมีความสามารถในการเชื่อมโยง (Link) ไปยังที่ต่างๆ ได้ และเป็นหัวใจหลักประการหนึ่งของ HTML HTML รองรับระบบมัลติมีเดีย (Multimedia) ได้ นั่นคือสิ่งที่ ทำให้เว็บมีความแตกต่างจากสื่ออื่นๆ
- 3. เครื่องมือที่ต้องใช้ Text Editor เช่น Notepad, Wordpad Web Browser เช่น Netscape Navigator หรือ Internet Explorer
- 4. องค์ประกอบ ข้อมูล ได้แก่ตัวอักษร ภาพ เสียง ฯลฯ คำสั่ง (Tags) ่ Comment เพื่อบันทึก / อธิบายบางอย่าง
- 5. รูปแบบพื้นฐานของ HTMLFile <HTML> <HEAD> <TITLE> ข้อความที่จะให้แสดงบน Title Bar และ Bookmark </TITLE> </HEAD> <BODY> ตัวอักษร ไฮเปอร์ลิงก์ ภาพกราฟิก แบบฟอร์ม ตาราง ฯลฯ </BODY> </HTML>
- 6. การตั้งหัวข้อ (Heading)กำหนดขนาดตัวอักษรได้ 6 ระดับ ( ตั้งแต่ H1-H6) หัวข้อระดับ 1 <H1> หัวข้อระดับ 1 </H1>
- 7. การตั้งหัวข้อ (Heading)กำหนดขนาดตัวอักษรได้ 6 ระดับ ( ตั้งแต่ H1-H6) หัวข้อระดับ 6 <H6> หัวข้อระดับ 6 </H6>
- 8. การกำหนดสีและขนาดตัวอักษร กำหนดขนาดตัวอักษรได้ 7 ระดับ ( ตั้งแต่ 1 ถึง 7) เพิ่ม / ลดขนาดได้ ตั้งแต่ -4 ถึง + 4 อักษรสีแดง ขนาด 5 <FONT FACE=AngsanaUpc COLOR=RED SIZE=5 > อักษรสีแดง ขนาด 5 </FONT>
- 9. ตัวหนา (Bold)ตัวหนา (Bold) <B> ตัวหนา (Bold) </B>
- 10. ตัวเอียง (Italic)ตัวเอียง (Italic) <I> ตัวเอียง (Italic) </I>
- 11. ตัวอักษรกะพริบ (Blink)<BLINK> ตัวอักษรกะพริบ (Blink) </BLINK> ใช้ได้เฉพาะ Netscape Navigator เท่านั้น ตัวอักษรกะพริบ (Blink)
- 12. ตัวอักษรวิ่ง (Marquee)<MARQUEE> ตัวอักษรวิ่ง (Marquee) </MARQUEE> ใช้ได้เฉพาะ Internet Explorer เท่านั้น ตัวอักษรวิ่ง (Marquee)
- 13. ขีดเส้นใต้ตัวอักษร (Underline)<U> ขีดเส้นใต้ตัวอักษร (Underline) </U> ขีดเส้นใต้ตัวอักษร (Underline)
- 14. ขึ้นย่อหน้าใหม่ (Paragraph)<P> ขึ้นย่อหน้าใหม่ (Paragraph) </P> ขึ้นย่อหน้าใหม่ (Paragraph) เว้น 1 บรรทัดก่อนขึ้นย่อหน้าใหม่เสมอ มี tag ปิดหรือไม่ก็ได้
- 15. ขึ้นบรรทัดใหม่ บรรทัดที่ 1<BR> ขึ้นบรรทัดใหม่ บรรทัดที่ 1 ขึ้นบรรทัดใหม่ ไม่มี tag ปิด ( เป็น Empty Tag)
- 16. แสดงข้อความเป็นบล็อก <BLOCKQUOTE> แสดงข้อความเป็นบล็อก </BLOCKQUOTE> โปรดติดตามตอนต่อไป เว้นระยะขอบซ้าย / ขวา ด้านละเท่ากัน เ ว้นบรรทัดบน / ล่าง ด้าน
- 17. จัดกึ่งกลางหน้า (Center)<CENTER> จัดกึ่งกลางหน้า (Center) </CENTER> จัดกึ่งกลางหน้า (Center)
- 18. ขีดเส้นคั่นแนวนอน ( HorizontalLine) ขีดเส้นคั่นแนวนอน <HR> ไม่มี tag ปิด ( เป็น Empty Tag) ขีดเส้นคั่นแนวนอน
- 19. การใส่รูปภาพ (Image)<IMG SRC= art.jpg >
- 20. การเชื่อมโยงเอกสาร (Link)<A NAME= ชื่อที่ใช้อ้างอิง > จุดที่จะ Link ไป </A> <A HREF=# ชื่อที่ใช้อ้างอิง หรือ URL> ข้อความที่จะใช้เป็น Link </A> การเชื่อมโยงภายใน Web Page การเชื่อมโยงระหว่าง Web Page หรือ ระหว่าง Web Site
- 21. ขอขอบคุณ Http://www.Kidsquare.com จิตเกษมพัฒนาศิริ และคนอื่นๆ . เริ่มสร้างโฮมเพจด้วย HTML. กรุงเทพมหานคร : วิตตี้กรุ๊ป , 2539. ปิยวิท เจนกิจจาไพบูลย์ . เรียนรู้การสร้างโฮมเพจด้วย HTML . กรุงเทพมหานคร : วิศาสตร์ , 2540. มนู แก้วแหวน . การสร้างเว็บเพจด้วย HTML 4. ฉบับเร่งด่วน . กรุงเทพมหานคร : เดอะไลบรารีพับลิชชิ่ง , 2541.
- 22. แหล่งเพิ่มพูนความรู้ http://come.to/learn-html http://members.xoom.com/htmleasyhttp://www.med.cmu.ac.th/webs/ http:// www. siambuilder.com