SlideShare uma empresa Scribd logo
1 de 13
Baixar para ler offline
การสร้างเว็บเพจด้วยภาษา
HTML
ความหมายของภาษา HTML
HTML ย่อมาจากคาว่า Hypertext Markup Language พัฒนามาจาก
ภาษา SGML (Standard Generalized Markup Language) โดย นาย Tim
Berners - Lee
เป็นภาษามาตรฐานทีใช้พฒนาเอกสารในรูปแบบของเว็บเพจบน
่ ั
ระบบเครือข่ายอินเทอร์เน็ต การเรียกใช้เอกสารเหล่านี้ทาได้โดยการใช้
โปรแกรมเว็บบราวเซอร์ (Web Browser) เช่น Mosaic , Opera , Nescape
navigator , Internet Explorer ฯลฯ เรียกดูแฟ้มทีสร้างด้วยภาษา HTML
่
ข้อดีของ HTML คือสามารถใช้ได้กบเครืองคอมพิวเตอร์ และ
ั ่
ระบบปฏิบตการได้หลากหลายชนิด
ั ิ
ความหมายของภาษา HTML (ต่อ)
• HTML
->

Hyper Text

Markup Language

คุณสมบัตในการเชื่อมโยง
ิ
(link) ไปยังทีต่างๆ ได้
่

เป็นภาษาคอมพิวเตอร์
ใช้กาหนดรูปแบบการจัดวางตาแหน่งของ
สิงต่างๆ ที่ ปรากฎในเอกสาร
่
• HTML รองรับระบบมัลติมีเดีย (Multimedia) ได้ นันคือสิ่งที่ ให้
่
เว็บมีความแตกต่างจากสื่ออื่นๆ
3
โครงสร้างพื้นฐานของภาษา HTML
การเขียนโปรแกรมด้วยภาษา HTML มีสวนประกอบทีสาคัญอยู่ 2 ส่วน คือ
่
่
1. ส่วนที่เป็ นข้อความที่จะพิมพ์
คือ ข้อมูล ข้อความ เนื้อหาต่างๆ ทีตองการนาเสนอออกมาในเว็บเพจ
่ ้
2. ส่วนที่เป็ นคาสัง
่
ส่วนนี้จะใช้ในการจัดการรูปร่างและรูปแบบของตัวอักษรหรือเอกสาร จะ
เรียกว่า tag และส่วนทีเป็ นคาสัง่ tag นี้ จะถูกเขียนอยู่ในเครื่องหมาย < > ทุก
่
คาสัง่ เช่น <br>, <body>, <head> เป็ นต้ น
จากภาพ

สีนาเงิน คือ ส่วนที่เป็ นแท็กคาสัง
้
่
สีเขียว คือ ส่ วนที่เป็ นข้อความที่จะพิมพ์
รูปแบบของ Tag
รู ปแบบของ tag แบ่งออกเป็ น 2 กลุ่ม คือ

1. tag เดี่ยว
คือ รู ปแบบคาสังที่มีเพียงคาสังเดียวหรื อมีเพียงแท็กเดียว ก็สามารถใช้งาน
่
่
ได้ เช่น <br>
2. tag คู่
คือ รู ปแบบคาสั่งที่เป็ นสองส่ วน คือ มีส่วนเริ่ มต้นและต้องมีส่วนจบของ
คาสังถึงจะสามารถทางานได้สมบูรณ์ โดยส่ วนจบของแต่ละคาสังจะมี
่
่
เครื่ องหมาย Slash (/) ไว้หน้าแท็กคาสั่งนั้น เช่น <html>......</html>
Tag คาสั่งหลัก ของการเขียนโปรแกรมด้ วยภาษา HTML
การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัด
วางคาสั่งหลักที่เป็ นมาตรฐานเหมือนกันทังโลก โดยจะประกอบด้วยคาสั่ง
่
หลักๆ อยู่ 4 คาสังด้วยกัน ดังนี้
่
1. <html>........</html>
เป็ นคาสั่งที่ทาหน้าที่บอกจุดเริ่ มต้นและจุดสิ้ นสุ ดของเอกสาร HTML
2. <head>........</head>
เป็ นคาสั่งที่ทาหน้าที่กาหนดส่ วนหัวเรื่ อง
3. <title>.........</title>
เป็ นคาสังที่ใช้กาหนดข้อความที่ตองการนามาแสดงผลบนแถบ
้
่
่
Title Bar คาสั่งนี้จะอยูภายในคาสั่งส่ วน <head>......</head> โดยกาหนด
ความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร

4. <body>.........</body>
เป็ นคาสังที่กาหนดข้อความและรู ปแบบของคาสังต่างๆ ที่ใช้
่
่
สาหรับปรับแต่งเอกสารที่จะนาเสนอออกทางส่ วนแสดงผลหลักของ Web
Browser
ตัวอย่ างการเขียนโปรแกรมโครงสร้ างหลักของภาษา HTML
ตัวอย่ างการเขียนโค๊ดของ Html
ตัวอย่ างการบันทึกไฟล์ Html

1. ตั้งชื่อลงท้ายด้วย. html

2. คลิกเลือก All Files
3. กด Save เพื่อบันทึก
ลองดูผลลัพธ์ ที่ได้
่
ข้อความที่อยูในแท็ก Title

่
ข้อความที่อยูในแท็ก Body
การบ้ าน
ให้นกเรียนทารายงานเกียวกับ ภาษา HTML โดยมีรายละเอียด
ั
่
เนื้อหาดังนี้
1.ความหมาย ความเป็นมาของภาษา HTML
2. โครงสร้างพืนฐานของภาษา HTML
้
3. คาสังในภาษา HTML
่
4. เนื้อหาอื่นๆทีเกี่ยวข้อง
่
***รูปแบบการทาๆเป็ นรายงานให้มองค์ประกอบครบถ้วน ได้แก่
ี
หน้าปก คานา สารบัญ เนื้อหา และอ้างอิงคะ***
กาหนดส่งก่อนวันที่ 13 กุมภาพันธ์ 2557

Mais conteúdo relacionado

Mais procurados

โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ
โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ
โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ
jamiezaa123
 
โครงงานคอมพิวเตอร์แบบร่าง2558
โครงงานคอมพิวเตอร์แบบร่าง2558โครงงานคอมพิวเตอร์แบบร่าง2558
โครงงานคอมพิวเตอร์แบบร่าง2558
0994969502
 
กำหนดการสัมมนา
กำหนดการสัมมนากำหนดการสัมมนา
กำหนดการสัมมนา
supranee wisetnun
 
Doxygen - Source Code Documentation Generator Tool
Doxygen -  Source Code Documentation Generator ToolDoxygen -  Source Code Documentation Generator Tool
Doxygen - Source Code Documentation Generator Tool
Guo Albert
 
Installer un réseau poste à poste dans une école primaire
Installer un réseau poste à poste dans une école primaireInstaller un réseau poste à poste dans une école primaire
Installer un réseau poste à poste dans une école primaire
jniemiec
 

Mais procurados (20)

โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ
โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ
โครงงานคอมพิวเตอร์ เรื่อง ระบบปฏิบัติการ
 
Apache web server
Apache web serverApache web server
Apache web server
 
gRPC - Fastest Data Transfer Protocol
gRPC - Fastest Data Transfer ProtocolgRPC - Fastest Data Transfer Protocol
gRPC - Fastest Data Transfer Protocol
 
โปรเจ็คเวิร์คท่องเที่ยว
โปรเจ็คเวิร์คท่องเที่ยวโปรเจ็คเวิร์คท่องเที่ยว
โปรเจ็คเวิร์คท่องเที่ยว
 
รายงานเครือข่ายคอมพิวเตอร์
รายงานเครือข่ายคอมพิวเตอร์รายงานเครือข่ายคอมพิวเตอร์
รายงานเครือข่ายคอมพิวเตอร์
 
มารยาทในการใช้ห้องเรียนออนไลน์แบบสื่อสารสองทาง
มารยาทในการใช้ห้องเรียนออนไลน์แบบสื่อสารสองทางมารยาทในการใช้ห้องเรียนออนไลน์แบบสื่อสารสองทาง
มารยาทในการใช้ห้องเรียนออนไลน์แบบสื่อสารสองทาง
 
เรื่องระบบปฏิบัติการ
เรื่องระบบปฏิบัติการเรื่องระบบปฏิบัติการ
เรื่องระบบปฏิบัติการ
 
บทที่ 5 สรุปผล ข้อเสนอแนะ
บทที่ 5 สรุปผล ข้อเสนอแนะบทที่ 5 สรุปผล ข้อเสนอแนะ
บทที่ 5 สรุปผล ข้อเสนอแนะ
 
Cours #9 L'Internet des objets
Cours #9 L'Internet des objetsCours #9 L'Internet des objets
Cours #9 L'Internet des objets
 
โครงงานคอมพิวเตอร์แบบร่าง2558
โครงงานคอมพิวเตอร์แบบร่าง2558โครงงานคอมพิวเตอร์แบบร่าง2558
โครงงานคอมพิวเตอร์แบบร่าง2558
 
หน่วยการเรียนรู้ที่ 1 พื้นฐานการสร้างเว็บไซต์
หน่วยการเรียนรู้ที่ 1 พื้นฐานการสร้างเว็บไซต์หน่วยการเรียนรู้ที่ 1 พื้นฐานการสร้างเว็บไซต์
หน่วยการเรียนรู้ที่ 1 พื้นฐานการสร้างเว็บไซต์
 
บทที่ 4 ผลการดำเนินงาน ม.ต้น
บทที่ 4  ผลการดำเนินงาน ม.ต้นบทที่ 4  ผลการดำเนินงาน ม.ต้น
บทที่ 4 ผลการดำเนินงาน ม.ต้น
 
การสื่อสารและระบบเครือข่าย
การสื่อสารและระบบเครือข่ายการสื่อสารและระบบเครือข่าย
การสื่อสารและระบบเครือข่าย
 
ระบบปฏิบัติการ Linux
ระบบปฏิบัติการ Linuxระบบปฏิบัติการ Linux
ระบบปฏิบัติการ Linux
 
SDN OpenDaylight
SDN OpenDaylightSDN OpenDaylight
SDN OpenDaylight
 
Firewall vpn proxy
Firewall vpn proxyFirewall vpn proxy
Firewall vpn proxy
 
กำหนดการสัมมนา
กำหนดการสัมมนากำหนดการสัมมนา
กำหนดการสัมมนา
 
Doxygen - Source Code Documentation Generator Tool
Doxygen -  Source Code Documentation Generator ToolDoxygen -  Source Code Documentation Generator Tool
Doxygen - Source Code Documentation Generator Tool
 
Installer un réseau poste à poste dans une école primaire
Installer un réseau poste à poste dans une école primaireInstaller un réseau poste à poste dans une école primaire
Installer un réseau poste à poste dans une école primaire
 
การทำงานของคอมพิวเตอร์
การทำงานของคอมพิวเตอร์การทำงานของคอมพิวเตอร์
การทำงานของคอมพิวเตอร์
 

Destaque

การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่าย
รัชนีพร ภูแสงสี
 
อินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้นอินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้น
Chantana Papattha
 
เฉลยการเขียนเว็บเพจ บทที่ 1
เฉลยการเขียนเว็บเพจ บทที่ 1เฉลยการเขียนเว็บเพจ บทที่ 1
เฉลยการเขียนเว็บเพจ บทที่ 1
Beerza Kub
 
การสอนเขียนHtml
การสอนเขียนHtmlการสอนเขียนHtml
การสอนเขียนHtml
chukiat008
 
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ม
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็มความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ม
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ม
Sutin Yotyavilai
 
สร้าง Soap web services ง่ายๆ
สร้าง Soap web services ง่ายๆสร้าง Soap web services ง่ายๆ
สร้าง Soap web services ง่ายๆ
Utain Wongpreaw
 
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
areeluck pooknoy
 
ระบบเครือข่ายไร้สาย (wireless lan)
ระบบเครือข่ายไร้สาย (wireless lan)ระบบเครือข่ายไร้สาย (wireless lan)
ระบบเครือข่ายไร้สาย (wireless lan)
tumetr1
 
โครงการจัดทำเว็บไซต์
โครงการจัดทำเว็บไซต์โครงการจัดทำเว็บไซต์
โครงการจัดทำเว็บไซต์
Sonasung
 
แผนการสอน เว็บไซต์ ม.5
แผนการสอน เว็บไซต์ ม.5แผนการสอน เว็บไซต์ ม.5
แผนการสอน เว็บไซต์ ม.5
พงศธร ภักดี
 

Destaque (20)

การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่าย
 
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละแนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
 
การเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTMLการเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTML
 
คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความคู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความ
 
อินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้นอินเทอร์เน็ตเบื้องต้น
อินเทอร์เน็ตเบื้องต้น
 
เฉลยการเขียนเว็บเพจ บทที่ 1
เฉลยการเขียนเว็บเพจ บทที่ 1เฉลยการเขียนเว็บเพจ บทที่ 1
เฉลยการเขียนเว็บเพจ บทที่ 1
 
Ppt elearning day
Ppt elearning dayPpt elearning day
Ppt elearning day
 
การสอนเขียนHtml
การสอนเขียนHtmlการสอนเขียนHtml
การสอนเขียนHtml
 
HTML5 Startup
HTML5 StartupHTML5 Startup
HTML5 Startup
 
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ม
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็มความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ม
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ม
 
สร้าง Soap web services ง่ายๆ
สร้าง Soap web services ง่ายๆสร้าง Soap web services ง่ายๆ
สร้าง Soap web services ง่ายๆ
 
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเตอร์เน็ต
 
ระบบเครือข่ายไร้สาย (wireless lan)
ระบบเครือข่ายไร้สาย (wireless lan)ระบบเครือข่ายไร้สาย (wireless lan)
ระบบเครือข่ายไร้สาย (wireless lan)
 
ความรู้เบื้องต้นเกี่ยวกับ Internet
ความรู้เบื้องต้นเกี่ยวกับ Internetความรู้เบื้องต้นเกี่ยวกับ Internet
ความรู้เบื้องต้นเกี่ยวกับ Internet
 
โครงการจัดทำเว็บไซต์
โครงการจัดทำเว็บไซต์โครงการจัดทำเว็บไซต์
โครงการจัดทำเว็บไซต์
 
Score m.5
Score m.5Score m.5
Score m.5
 
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
เอกสารประกอบการเรียน  ภาษา HTML เบื้องต้นเอกสารประกอบการเรียน  ภาษา HTML เบื้องต้น
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
 
แผนการสอน เว็บไซต์ ม.5
แผนการสอน เว็บไซต์ ม.5แผนการสอน เว็บไซต์ ม.5
แผนการสอน เว็บไซต์ ม.5
 
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.ioBootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
 
การสร้างเว็บด้วย Bootstrap framework
การสร้างเว็บด้วย Bootstrap frameworkการสร้างเว็บด้วย Bootstrap framework
การสร้างเว็บด้วย Bootstrap framework
 

Semelhante a การสร้างเว็บเพจด้วยภาษา Html (20)

ความรู้เบื้องต้นอินเตอร์เน็ต
ความรู้เบื้องต้นอินเตอร์เน็ตความรู้เบื้องต้นอินเตอร์เน็ต
ความรู้เบื้องต้นอินเตอร์เน็ต
 
นุ๊ก
นุ๊กนุ๊ก
นุ๊ก
 
รออกแบบเว็บไซต์
รออกแบบเว็บไซต์รออกแบบเว็บไซต์
รออกแบบเว็บไซต์
 
โบ
โบโบ
โบ
 
Best
BestBest
Best
 
หมวย
หมวยหมวย
หมวย
 
ดรีม
ดรีมดรีม
ดรีม
 
หมวย
หมวยหมวย
หมวย
 
หวิว
หวิวหวิว
หวิว
 
Html 2
Html 2Html 2
Html 2
 
Php
PhpPhp
Php
 
08 W3 Browser
08 W3 Browser08 W3 Browser
08 W3 Browser
 
ประวัต Html
ประวัต Htmlประวัต Html
ประวัต Html
 
Yuu
YuuYuu
Yuu
 
Ten
TenTen
Ten
 
New
NewNew
New
 
Html
HtmlHtml
Html
 
Joomla
JoomlaJoomla
Joomla
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 

Mais de Fair Kung Nattaput

โครงสร้างโปรแกรมภาษาซี
โครงสร้างโปรแกรมภาษาซีโครงสร้างโปรแกรมภาษาซี
โครงสร้างโปรแกรมภาษาซี
Fair Kung Nattaput
 
ความหมายและองค์ประกอบการนำเสนองาน
ความหมายและองค์ประกอบการนำเสนองานความหมายและองค์ประกอบการนำเสนองาน
ความหมายและองค์ประกอบการนำเสนองาน
Fair Kung Nattaput
 
ประวัติภาษา C
ประวัติภาษา Cประวัติภาษา C
ประวัติภาษา C
Fair Kung Nattaput
 
การเขียนผังงาน (Flowchart)
การเขียนผังงาน (Flowchart)การเขียนผังงาน (Flowchart)
การเขียนผังงาน (Flowchart)
Fair Kung Nattaput
 
การแก้ปัญหาด้วยกระบวนการ
การแก้ปัญหาด้วยกระบวนการการแก้ปัญหาด้วยกระบวนการ
การแก้ปัญหาด้วยกระบวนการ
Fair Kung Nattaput
 
รู้จักกับโครงงาน
รู้จักกับโครงงานรู้จักกับโครงงาน
รู้จักกับโครงงาน
Fair Kung Nattaput
 

Mais de Fair Kung Nattaput (6)

โครงสร้างโปรแกรมภาษาซี
โครงสร้างโปรแกรมภาษาซีโครงสร้างโปรแกรมภาษาซี
โครงสร้างโปรแกรมภาษาซี
 
ความหมายและองค์ประกอบการนำเสนองาน
ความหมายและองค์ประกอบการนำเสนองานความหมายและองค์ประกอบการนำเสนองาน
ความหมายและองค์ประกอบการนำเสนองาน
 
ประวัติภาษา C
ประวัติภาษา Cประวัติภาษา C
ประวัติภาษา C
 
การเขียนผังงาน (Flowchart)
การเขียนผังงาน (Flowchart)การเขียนผังงาน (Flowchart)
การเขียนผังงาน (Flowchart)
 
การแก้ปัญหาด้วยกระบวนการ
การแก้ปัญหาด้วยกระบวนการการแก้ปัญหาด้วยกระบวนการ
การแก้ปัญหาด้วยกระบวนการ
 
รู้จักกับโครงงาน
รู้จักกับโครงงานรู้จักกับโครงงาน
รู้จักกับโครงงาน
 

การสร้างเว็บเพจด้วยภาษา Html

  • 2. ความหมายของภาษา HTML HTML ย่อมาจากคาว่า Hypertext Markup Language พัฒนามาจาก ภาษา SGML (Standard Generalized Markup Language) โดย นาย Tim Berners - Lee เป็นภาษามาตรฐานทีใช้พฒนาเอกสารในรูปแบบของเว็บเพจบน ่ ั ระบบเครือข่ายอินเทอร์เน็ต การเรียกใช้เอกสารเหล่านี้ทาได้โดยการใช้ โปรแกรมเว็บบราวเซอร์ (Web Browser) เช่น Mosaic , Opera , Nescape navigator , Internet Explorer ฯลฯ เรียกดูแฟ้มทีสร้างด้วยภาษา HTML ่ ข้อดีของ HTML คือสามารถใช้ได้กบเครืองคอมพิวเตอร์ และ ั ่ ระบบปฏิบตการได้หลากหลายชนิด ั ิ
  • 3. ความหมายของภาษา HTML (ต่อ) • HTML -> Hyper Text Markup Language คุณสมบัตในการเชื่อมโยง ิ (link) ไปยังทีต่างๆ ได้ ่ เป็นภาษาคอมพิวเตอร์ ใช้กาหนดรูปแบบการจัดวางตาแหน่งของ สิงต่างๆ ที่ ปรากฎในเอกสาร ่ • HTML รองรับระบบมัลติมีเดีย (Multimedia) ได้ นันคือสิ่งที่ ให้ ่ เว็บมีความแตกต่างจากสื่ออื่นๆ 3
  • 4. โครงสร้างพื้นฐานของภาษา HTML การเขียนโปรแกรมด้วยภาษา HTML มีสวนประกอบทีสาคัญอยู่ 2 ส่วน คือ ่ ่ 1. ส่วนที่เป็ นข้อความที่จะพิมพ์ คือ ข้อมูล ข้อความ เนื้อหาต่างๆ ทีตองการนาเสนอออกมาในเว็บเพจ ่ ้ 2. ส่วนที่เป็ นคาสัง ่ ส่วนนี้จะใช้ในการจัดการรูปร่างและรูปแบบของตัวอักษรหรือเอกสาร จะ เรียกว่า tag และส่วนทีเป็ นคาสัง่ tag นี้ จะถูกเขียนอยู่ในเครื่องหมาย < > ทุก ่ คาสัง่ เช่น <br>, <body>, <head> เป็ นต้ น
  • 5. จากภาพ สีนาเงิน คือ ส่วนที่เป็ นแท็กคาสัง ้ ่ สีเขียว คือ ส่ วนที่เป็ นข้อความที่จะพิมพ์
  • 6. รูปแบบของ Tag รู ปแบบของ tag แบ่งออกเป็ น 2 กลุ่ม คือ 1. tag เดี่ยว คือ รู ปแบบคาสังที่มีเพียงคาสังเดียวหรื อมีเพียงแท็กเดียว ก็สามารถใช้งาน ่ ่ ได้ เช่น <br> 2. tag คู่ คือ รู ปแบบคาสั่งที่เป็ นสองส่ วน คือ มีส่วนเริ่ มต้นและต้องมีส่วนจบของ คาสังถึงจะสามารถทางานได้สมบูรณ์ โดยส่ วนจบของแต่ละคาสังจะมี ่ ่ เครื่ องหมาย Slash (/) ไว้หน้าแท็กคาสั่งนั้น เช่น <html>......</html>
  • 7. Tag คาสั่งหลัก ของการเขียนโปรแกรมด้ วยภาษา HTML การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัด วางคาสั่งหลักที่เป็ นมาตรฐานเหมือนกันทังโลก โดยจะประกอบด้วยคาสั่ง ่ หลักๆ อยู่ 4 คาสังด้วยกัน ดังนี้ ่ 1. <html>........</html> เป็ นคาสั่งที่ทาหน้าที่บอกจุดเริ่ มต้นและจุดสิ้ นสุ ดของเอกสาร HTML 2. <head>........</head> เป็ นคาสั่งที่ทาหน้าที่กาหนดส่ วนหัวเรื่ อง
  • 8. 3. <title>.........</title> เป็ นคาสังที่ใช้กาหนดข้อความที่ตองการนามาแสดงผลบนแถบ ้ ่ ่ Title Bar คาสั่งนี้จะอยูภายในคาสั่งส่ วน <head>......</head> โดยกาหนด ความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร 4. <body>.........</body> เป็ นคาสังที่กาหนดข้อความและรู ปแบบของคาสังต่างๆ ที่ใช้ ่ ่ สาหรับปรับแต่งเอกสารที่จะนาเสนอออกทางส่ วนแสดงผลหลักของ Web Browser
  • 11. ตัวอย่ างการบันทึกไฟล์ Html 1. ตั้งชื่อลงท้ายด้วย. html 2. คลิกเลือก All Files 3. กด Save เพื่อบันทึก
  • 13. การบ้ าน ให้นกเรียนทารายงานเกียวกับ ภาษา HTML โดยมีรายละเอียด ั ่ เนื้อหาดังนี้ 1.ความหมาย ความเป็นมาของภาษา HTML 2. โครงสร้างพืนฐานของภาษา HTML ้ 3. คาสังในภาษา HTML ่ 4. เนื้อหาอื่นๆทีเกี่ยวข้อง ่ ***รูปแบบการทาๆเป็ นรายงานให้มองค์ประกอบครบถ้วน ได้แก่ ี หน้าปก คานา สารบัญ เนื้อหา และอ้างอิงคะ*** กาหนดส่งก่อนวันที่ 13 กุมภาพันธ์ 2557