สอนภาษา html: สอนภาษา HTML

HTML

HTML ย่อมาจาก Hyper Text Markup Language

ที่มา http://www.dwthai.com/Article/begin_html.htm

Text Editor

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

ข้อดีของโปรแกรม Text Editor

1.เร็ว

2.ใช้งานง่าย ไม่ซับซ้อน

3.ไม่เปลืองทรัพยากรเครื่อง

4.มีฟังก์ชันพื้นฐานครบ Cut , Copy , Find , Replace , Delete ,และ Paste

ตัวอย่างโปรแกรม Text Editor

1.โปรแกรม NotePad (ฟรี)- เป็นโปรแกรมที่มากับ Microsoft Windows มีติดมาและสามารถเรียกใช้ได้เลย ตัวเลือกมีให้ไม่ค่อยมาก สีสีนไม่มี เหมาะสำหรับทำการโน็ตข้อความสั้นๆ หรือเรียกแก้ไขโค้ดที่ไม่ซับซ้อนมาก

2.โปรแกรม Edit Plus (เสียเงิน) - สร้างเพื่อเขียนโปรแกรมโดยเฉพาะ เช่น มีเลขบรรทัด , เปิดได้หลาย tab , โค้ดสี tool html form รองรับได้หลายโปรแกรมภาษา

3.โปรแกรม NotePad (ฟรี) - คล้ายกับ Edit Plus มักมีปัญหากับภาษาไทย เรื่อง Charector Set แต่ Option เยอะมาก

ที่มา http://mapsmile.com/mapboard/b4/text-editor/

Web Browser

Web Browser คือ โปรแกรมคอมพิวเตอร์ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศด้วย ภาษาเฉพาะ เช่น ภาษา html ที่จัดไว้ที่ระบบบริการเว็บ หรืออื่นๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่าย คอมพิวเตอร์ขนาดใหญ่ ที่เรียกว่า เวิลด์ ไวด์ เว็บ

ประโยชน์ของ Web Browser
1.สามารถดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้
2.มีการแสดง้อมูลในรูปของ ข้อความ ภาพ และระบบมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความ น่าสนใจมากยิ่งขึ้น

ตัวอย่าง Web Browser
1. FireFox
2.Opera
3.Safari
4.Crazy Browser
5.Maxthon Browser
6.Google Chrome
7.Internet Explorer

แหล่ง ที่มา http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%9A%E0%B8%A3%E0%B8%B2%E0%B8%A7%E0%B9%8C%E0%B9%80%E0%B8%8B%E0%B8%AD%E0%B8%A3%E0%B9%8C

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

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

1.ส่วนของหัวโปรแกรม (Head) เป็นการกำหนดข้อความในส่วนที่เป็นชื่อเรื่องซึ่งจะปรากฏบนไตเติลบาร์ ของโปรแกรมเว็บบราวเซอร์เท่านั้น

2.ส่วน เนื้อหาของโปรแกรม (Body) เป็นส่วนที่สำคัญที่สุดในการแสดงผลทั้งหมด ไม่ว่าจะเป็นหัวเรื่อง เนื้อหาต่างๆ การนำรูปภาพต่างๆลงในเว็บเพจ การนำเสียงเพื่อทำให้เว็บเพจน่าสนใจยิ่งขึ้น

รูปแบบ

<html>

<head>

<title>

<body>

<br>

<p>

แหล่งที่มา http://www.kmitl.ac.th/~kkpraser/HTML/Info.htm

<HTML> คือ คำสั่งเริ่มต้นในการเขียนโปรแกรม

ที่มา http://support.tarad.com/help/908

<HEAD> คือ คำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์