รู้จักกับ Html(แก้ไข)

เริ่มต้นกับ
HTML
ชั้นมัธยมศึกษา กลุ่มสาระการงานพื้นฐานอาชีพและเทคโนโลยี
จัดทาขึ้นเพื่อใช้เป็นสื่อประกอบการเรียนการสอน โดย นาย อัศวิน ขัดชุ่มแสง

HTML ย่อมาจากคาว่า Hypertext Markup Language เป็นภาษาหลักที่
ใช้ในการสร้างไฟล์เว็บเพจ
HTML = Hypertext + SGML
HTML เกิดจากการสร้างเอกสาร Hypertext โดยพัฒนามาจากภาษา SGML

การสร้างเว็บเพจโดยใช้ภาษา HTML
การสร้างเว็บเพจโดยใช้ภาษา HTML สามารถทาได้โดยการใช้โปรแกรม Text
Editor ต่าง ๆ ที่มีอยู่แล้วในระบบปฏิบัติการ Windows เช่น
- Notepad
- Editplus
ในสื่อการสอนนี้ จะใช้โปรแกรม Notepad เพราะมีขนาดเล็กและมีอยู่แล้วในวินโดว์

ลักษณะของภาษา HTML
Computer and Internet (310101) 4
ภาษา HTML มีองค์ประกอบที่สาคัญ 2 ส่วน คือ
ส่วนที่เป็นข้อความ แสดงบนจอภาพ ส่วนที่เป็นคาสั่ง เรียกว่า แท็ก ( tag )

รูปแบบแท็กจะแยกเป็น 2 ส่วน คือ
1. ส่วนเริ่ม “แท็กเปิด”
2. ส่วนจบ “แท็กปิด” ** ในส่วนของแท็กปิด ต้องมีเครื่องหมาย Slash ( / ) **
- บางแท็กอาจจะไม่ต้องมีแท็กปิดก็ใช้งานได้
เช่น <br>
- เราสามารถพิมพ์ตัวเล็กหรือใหญ่ก็ได้ (v.4 ขึ้นไป)
- บางแท็กจะมีตัวกาหนดคุณสมบัติ เรียกว่า
แอททริบิวท์ ( Attribute ) = ตัวกาหนดคุณสมบัติ
รูปแบบ <แท็กเปิด> ข้อความ <แท็กปิด> เช่น <title>…….</title>

ตัวอย่าง
< hr width=600 = size=5 >
Element
(แท็ก) Attribute
(กาหนดคุณสมบัติ)
Vale
(ค่าที่กาหนดให้ใช้)
เมื่อประโยค HTML ข้างต้นทางานสีพื้นหลัง (Background color) ของ
หน้า เพจ (Page) จะเป็นสีม่วง Lavender

โครงสร้างพื้นฐานของ HTML
Computer and Internet (310101) 7
<HTML>
<HEAD>
<TITLE> ชื่อหัวเรื่องที่ต้องการแสดง</TITLE>
</HEAD>
<BODY>
คาสั่งหรือข้อมูลที่ต้องการแสดง
</BODY>
</HTML>
แบ่งออกเป็น 4 ส่วนหลัก ดังนี้

เครื่องมือที่ใช้สร้างเอกสาร HTML
การสร้างเว็บเพจโดยใช้ภาษา HTML สามารถทาได้โดยการใช้โปรแกรม Text
Editor ต่าง ๆ ที่มีอยู่แล้วในระบบปฏิบัติการ Windows เช่น
- Notepad
- Editplus
ในสื่อการสอนนี้ จะใช้โปรแกรม Notepad เพราะมีขนาดเล็กและมีอยู่แล้วในวินโดว์

Notepad นี้จัดเป็นโปรแกรมประเภท Text Editor สามารถสร้างไฟล์หรือเขียนภาษา
HTML ได้ และ Notepad นี้เป็นโปรแกรมที่สามารถใช้งานได้ง่าย และเป็นโปรแกรมที่
ทางานบนระบบ Windows
1. คลิกที่ Start -->
2. เลือก Programs -->
3. เลือก Accessories -->
4. เลือก Notepad

พิมพ์เอกสารตามตัวอย่าง
1. เปิดโปรแกรม Notepad แล้วลองเขียนเอกสาร ดังนี้
2. การบันทึกเอกสาร HTML
- Save เป็นนามสกุล .html
หรือ .htm
home.html

รู้จักกับ Html(แก้ไข)

Recommended

Recommended

More Related Content

What's hot

What's hot (17)

Viewers also liked

Viewers also liked (18)

Similar to รู้จักกับ Html(แก้ไข)

Similar to รู้จักกับ Html(แก้ไข) (20)

More from Beerza Kub

More from Beerza Kub (14)

รู้จักกับ Html(แก้ไข)