SlideShare a Scribd company logo
HTML Introduction
เรียบเรียงโดย ชายดาคอมพิวเตอร์
What is HTML?
 HTML คืออะไร ?
HTML เป็นภาษามาร์กอัปสาหรับการอธิบายเอกสารเว็บ (หน้าเว็บ หรือ เว็บเพจ).
* HTML ย่อมาจาก Hyper Text Markup Language
* ภาษามาร์กอัปเป็นชุดของแท็กมาร์กอัป
* เอกสาร HTML จะมีการอธิบายโดยการใช้แท็ก
* แต่ละแท็กจะอธิบายเนื้อหาของเอกสารที่แตกต่างกัน
HTML Example
<!DOCTYPE html>
<html>
<head>
<title> Page Title </title>
</head>
<body>
<h1> My First Heading </h1>
<p> My first paragraph. </p>
</body>
</html>
Example Explained
 อธิบายตัวอย่างโค้ดด้านบน
* ประกาศ DOCTYPE กาหนดประเภทเอกสารที่จะเป็น HTML
* ข้อความที่อยู่ระหว่าง <html> และ </ html> อธิบายเอกสาร HTML
* ข้อความที่อยู่ระหว่าง <head> และ </ head> ให้ข้อมูลเกี่ยวกับเอกสาร
* ข้อความที่อยู่ระหว่าง <title> และ </ title> ให้ชื่อของเอกสาร
* ข้อความที่อยู่ระหว่าง <body> และ </ body> อธิบายเนื้อหาของหน้าเว็บที่มองเห็นได้
* ข้อความที่อยู่ระหว่าง <h1> และ </ h1> อธิบายหัวข้อ
* ข้อความที่อยู่ระหว่าง <p> และ </ p> อธิบายวรรค
!--- การใช้คาอธิบายนี้ เว็บเบราเซอร์สามารถแสดงข้อความที่มีในส่วน heading และ
paragraph
Web Browsers
 ผลลัพธ์ ในเว็บบราวเซอร์
HTML Page Structure
 โครงสร้าง HTML

More Related Content

Viewers also liked

(2013-05-03) AudioLazy - Slides
(2013-05-03) AudioLazy - Slides(2013-05-03) AudioLazy - Slides
(2013-05-03) AudioLazy - Slides
Danilo J. S. Bellini
 
ฟรอยด์
ฟรอยด์ฟรอยด์
ฟรอยด์pattamasatun
 
Meclab 夏遊 美食部2
Meclab 夏遊 美食部2Meclab 夏遊 美食部2
Meclab 夏遊 美食部2
Badoyau
 
Alluvia Specialist Winery
Alluvia Specialist WineryAlluvia Specialist Winery
Alluvia Specialist Winery
Alluvia Specialist Winery
 
圖解高頻交易系統的運作狀況
圖解高頻交易系統的運作狀況圖解高頻交易系統的運作狀況
圖解高頻交易系統的運作狀況
Philip Zheng
 
Duffy, Daniel J. Current Resume
Duffy, Daniel J. Current ResumeDuffy, Daniel J. Current Resume
Duffy, Daniel J. Current Resumedanduffy49
 
Duffy, Daniel J. Resume
Duffy, Daniel J. ResumeDuffy, Daniel J. Resume
Duffy, Daniel J. Resumedanduffy49
 
Program kerja tim citarum 2012 25 juni
Program kerja tim citarum 2012  25 juniProgram kerja tim citarum 2012  25 juni
Program kerja tim citarum 2012 25 juniCitarum
 
Kiểm toán Phương Đông ICA
Kiểm toán Phương Đông ICA Kiểm toán Phương Đông ICA
Kiểm toán Phương Đông ICA
Kevin Trần
 
Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...
Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...
Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...
Fabiano Franz
 
Future of shipbuilding - Denis Morais
Future of shipbuilding - Denis MoraisFuture of shipbuilding - Denis Morais
Future of shipbuilding - Denis Morais
Denis Morais
 
Boletim 1 macro 14, 15 e 16 iguatu atualizado(1)
Boletim 1 macro 14, 15 e 16   iguatu atualizado(1)Boletim 1 macro 14, 15 e 16   iguatu atualizado(1)
Boletim 1 macro 14, 15 e 16 iguatu atualizado(1)
FABIANA MARTINS
 
Manejo de seguridad en internet (13)
Manejo de seguridad en internet (13)Manejo de seguridad en internet (13)
Manejo de seguridad en internet (13)
jaquelinne yoanna ruiz achury
 
Rodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red Hat
Rodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red HatRodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red Hat
Rodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red HatFabiano Franz
 
PYP_APA draft Final ZAC
PYP_APA draft Final ZACPYP_APA draft Final ZAC
PYP_APA draft Final ZACZachary Lette
 
ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M64095340953
 

Viewers also liked (20)

(2013-05-03) AudioLazy - Slides
(2013-05-03) AudioLazy - Slides(2013-05-03) AudioLazy - Slides
(2013-05-03) AudioLazy - Slides
 
Love
LoveLove
Love
 
ฟรอยด์
ฟรอยด์ฟรอยด์
ฟรอยด์
 
Meclab 夏遊 美食部2
Meclab 夏遊 美食部2Meclab 夏遊 美食部2
Meclab 夏遊 美食部2
 
Alluvia Specialist Winery
Alluvia Specialist WineryAlluvia Specialist Winery
Alluvia Specialist Winery
 
圖解高頻交易系統的運作狀況
圖解高頻交易系統的運作狀況圖解高頻交易系統的運作狀況
圖解高頻交易系統的運作狀況
 
Duffy, Daniel J. Current Resume
Duffy, Daniel J. Current ResumeDuffy, Daniel J. Current Resume
Duffy, Daniel J. Current Resume
 
Duffy, Daniel J. Resume
Duffy, Daniel J. ResumeDuffy, Daniel J. Resume
Duffy, Daniel J. Resume
 
Program kerja tim citarum 2012 25 juni
Program kerja tim citarum 2012  25 juniProgram kerja tim citarum 2012  25 juni
Program kerja tim citarum 2012 25 juni
 
Kiểm toán Phương Đông ICA
Kiểm toán Phương Đông ICA Kiểm toán Phương Đông ICA
Kiểm toán Phương Đông ICA
 
Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...
Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...
Build, Test, Deploy, Run, Scale! Sua App na Nuvem com OpenShift, o PaaS da Re...
 
Hizb 27
Hizb 27Hizb 27
Hizb 27
 
Hizb 43
Hizb 43Hizb 43
Hizb 43
 
Hizb 48
Hizb 48Hizb 48
Hizb 48
 
Future of shipbuilding - Denis Morais
Future of shipbuilding - Denis MoraisFuture of shipbuilding - Denis Morais
Future of shipbuilding - Denis Morais
 
Boletim 1 macro 14, 15 e 16 iguatu atualizado(1)
Boletim 1 macro 14, 15 e 16   iguatu atualizado(1)Boletim 1 macro 14, 15 e 16   iguatu atualizado(1)
Boletim 1 macro 14, 15 e 16 iguatu atualizado(1)
 
Manejo de seguridad en internet (13)
Manejo de seguridad en internet (13)Manejo de seguridad en internet (13)
Manejo de seguridad en internet (13)
 
Rodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red Hat
Rodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red HatRodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red Hat
Rodando *qualquer coisa* na nuvem com OpenShift, o PaaS open source da Red Hat
 
PYP_APA draft Final ZAC
PYP_APA draft Final ZACPYP_APA draft Final ZAC
PYP_APA draft Final ZAC
 
ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6
 

Similar to บทที่ 2 html introduction

หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmldevilp Nnop
 
Session1 part2
Session1 part2Session1 part2
Session1 part2maovkh
 
เริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTMLเริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTML
ssuseraa96d2
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา HtmlRungnapha Naka
 
การสอนเขียนHtml
การสอนเขียนHtmlการสอนเขียนHtml
การสอนเขียนHtmlchukiat008
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2Ton TC Tmsb
 
2.โครงสร้างคำสั่งของ html
2.โครงสร้างคำสั่งของ html2.โครงสร้างคำสั่งของ html
2.โครงสร้างคำสั่งของ html
bimteach
 
รายงาน
รายงานรายงาน
รายงานkongdang
 
รายงาน
รายงานรายงาน
รายงานpim1122
 
รายงาน
รายงานรายงาน
รายงานpim1122
 
รายงาน
รายงานรายงาน
รายงานkongdang
 
รายงาน เรื่อง css
รายงาน เรื่อง cssรายงาน เรื่อง css
รายงาน เรื่อง cssnongnan
 
รายงาน
รายงานรายงาน
รายงานnoopim
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlSamorn Tara
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlSamorn Tara
 
ใบความรู้ที่ 2
ใบความรู้ที่ 2ใบความรู้ที่ 2
ใบความรู้ที่ 2POmp POmpomp
 
HTML
HTMLHTML

Similar to บทที่ 2 html introduction (20)

หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
Html 2
Html 2Html 2
Html 2
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
 
เริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTMLเริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTML
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา Html
 
Html
HtmlHtml
Html
 
การสอนเขียนHtml
การสอนเขียนHtmlการสอนเขียนHtml
การสอนเขียนHtml
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
 
Lernning 13
Lernning 13Lernning 13
Lernning 13
 
2.โครงสร้างคำสั่งของ html
2.โครงสร้างคำสั่งของ html2.โครงสร้างคำสั่งของ html
2.โครงสร้างคำสั่งของ html
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน เรื่อง css
รายงาน เรื่อง cssรายงาน เรื่อง css
รายงาน เรื่อง css
 
รายงาน
รายงานรายงาน
รายงาน
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
ใบความรู้ที่ 2
ใบความรู้ที่ 2ใบความรู้ที่ 2
ใบความรู้ที่ 2
 
HTML
HTMLHTML
HTML
 

More from Nattipong Siangyen

บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
Nattipong Siangyen
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Nattipong Siangyen
 
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
Nattipong Siangyen
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Nattipong Siangyen
 
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
Nattipong Siangyen
 
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
Nattipong Siangyen
 
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
Nattipong Siangyen
 
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
Nattipong Siangyen
 
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)
Nattipong Siangyen
 
คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)
Nattipong Siangyen
 
09 ชนิดข้อมูล
09 ชนิดข้อมูล09 ชนิดข้อมูล
09 ชนิดข้อมูล
Nattipong Siangyen
 
07 e r model
07 e r model07 e r model
07 e r model
Nattipong Siangyen
 
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
Nattipong Siangyen
 
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
Nattipong Siangyen
 
03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์
Nattipong Siangyen
 
02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล
Nattipong Siangyen
 
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
Nattipong Siangyen
 
01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
Nattipong Siangyen
 
10 กรณีศึกษา
10 กรณีศึกษา10 กรณีศึกษา
10 กรณีศึกษา
Nattipong Siangyen
 
อ้างอิง
อ้างอิงอ้างอิง
อ้างอิง
Nattipong Siangyen
 

More from Nattipong Siangyen (20)

บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 
คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
 
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
 
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
 
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
 
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)
 
คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)
 
09 ชนิดข้อมูล
09 ชนิดข้อมูล09 ชนิดข้อมูล
09 ชนิดข้อมูล
 
07 e r model
07 e r model07 e r model
07 e r model
 
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
 
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
 
03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์
 
02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล
 
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
 
01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
 
10 กรณีศึกษา
10 กรณีศึกษา10 กรณีศึกษา
10 กรณีศึกษา
 
อ้างอิง
อ้างอิงอ้างอิง
อ้างอิง
 

Recently uploaded

3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
การเขียนข้อเสนอโครงการวิจัย (Research Proposal)
การเขียนข้อเสนอโครงการวิจัย (Research Proposal)การเขียนข้อเสนอโครงการวิจัย (Research Proposal)
การเขียนข้อเสนอโครงการวิจัย (Research Proposal)
Prachyanun Nilsook
 
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
แนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdf
แนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdfแนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdf
แนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdf
Faculty of BuddhismMahachulalongkornrajavidyalaya Roi Et Buddhist College
 
รายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdf
รายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdfรายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdf
รายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdf
NitayataNuansri
 
ภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนา
ภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนาภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนา
ภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนา
Faculty of BuddhismMahachulalongkornrajavidyalaya Roi Et Buddhist College
 
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 

Recently uploaded (9)

3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
 
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
 
การเขียนข้อเสนอโครงการวิจัย (Research Proposal)
การเขียนข้อเสนอโครงการวิจัย (Research Proposal)การเขียนข้อเสนอโครงการวิจัย (Research Proposal)
การเขียนข้อเสนอโครงการวิจัย (Research Proposal)
 
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
 
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
 
แนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdf
แนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdfแนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdf
แนวความเชื่อ วิธีการปฎิบัติ พระพุทธศาสนามหายาน.pdf
 
รายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdf
รายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdfรายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdf
รายงานโครงงานการออกแบบลายเสื่อโดยใช้รูปเรขาคณิต ระดับประเทศ.pdf
 
ภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนา
ภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนาภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนา
ภาษาอังกฤษเพื่อการปฏิบัติกรรมฐานในพระพุทธศาสนา
 
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
 

บทที่ 2 html introduction

  • 2. What is HTML?  HTML คืออะไร ? HTML เป็นภาษามาร์กอัปสาหรับการอธิบายเอกสารเว็บ (หน้าเว็บ หรือ เว็บเพจ). * HTML ย่อมาจาก Hyper Text Markup Language * ภาษามาร์กอัปเป็นชุดของแท็กมาร์กอัป * เอกสาร HTML จะมีการอธิบายโดยการใช้แท็ก * แต่ละแท็กจะอธิบายเนื้อหาของเอกสารที่แตกต่างกัน
  • 3. HTML Example <!DOCTYPE html> <html> <head> <title> Page Title </title> </head> <body> <h1> My First Heading </h1> <p> My first paragraph. </p> </body> </html>
  • 4. Example Explained  อธิบายตัวอย่างโค้ดด้านบน * ประกาศ DOCTYPE กาหนดประเภทเอกสารที่จะเป็น HTML * ข้อความที่อยู่ระหว่าง <html> และ </ html> อธิบายเอกสาร HTML * ข้อความที่อยู่ระหว่าง <head> และ </ head> ให้ข้อมูลเกี่ยวกับเอกสาร * ข้อความที่อยู่ระหว่าง <title> และ </ title> ให้ชื่อของเอกสาร * ข้อความที่อยู่ระหว่าง <body> และ </ body> อธิบายเนื้อหาของหน้าเว็บที่มองเห็นได้ * ข้อความที่อยู่ระหว่าง <h1> และ </ h1> อธิบายหัวข้อ * ข้อความที่อยู่ระหว่าง <p> และ </ p> อธิบายวรรค !--- การใช้คาอธิบายนี้ เว็บเบราเซอร์สามารถแสดงข้อความที่มีในส่วน heading และ paragraph
  • 5. Web Browsers  ผลลัพธ์ ในเว็บบราวเซอร์
  • 6. HTML Page Structure  โครงสร้าง HTML