SlideShare una empresa de Scribd logo
1 de 6
HTML
Editors
เรียบเรียงโดย ชายดาคอมพิวเตอร์
Write HTML Using Notepad or
TextEdit
 เขียน HTML โดยใช้ Notepad หรือ TextEdit
HTML สามารถแก้ไขได้โดยการ ใช้โปรแกรมแก้ไข HTML มือ
อาชีพเช่น :
* Sublime Text
* Notepad++
* Brackets
* Edit Plus
* Netbeans
Step 1 : Open Notepad
 ในการเปิ ด Notepad ใน Windows 7 หรือก่อนหน้านี้ :
Click Start (bottom left on your screen).
Click All Programs. Click Accessories.
Click Notepad.
 ในการเปิ ด Notepad ใน Windows 8 ขึ้นไป :
Open the Start Screen (the window symbol at
the bottom left on your screen). Type Notepad.
Step 2 : Write Some HTML
เขียนหรือคัดลอก HTML บางลงใน
Notepad
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Step 3 : Save the HTML Page
 บันทึกไฟล์ในคอมพิวเตอร์
* เลือกเมนู File > Save as
* ช่อง File Name : "index.html" หรือชื่ออื่น ๆ ที่ลงท้ายด้วย html
หรือ HTM
* ช่อง Save As Type : ให้เลือก All Files (*.*)
* ช่อง Encoding : ให้เลือก UTF - 8
Step 4 : View HTML Page in Your
Browser ดู HTML ในเว็บบราวเซอร์

Más contenido relacionado

Destacado (20)

Emboydingpolicymaking2016
Emboydingpolicymaking2016Emboydingpolicymaking2016
Emboydingpolicymaking2016
 
Earthquake
EarthquakeEarthquake
Earthquake
 
Fusion tables
Fusion tablesFusion tables
Fusion tables
 
Hizb 47
Hizb 47Hizb 47
Hizb 47
 
Web quest
Web questWeb quest
Web quest
 
Future of shipbuilding - Denis Morais
Future of shipbuilding - Denis MoraisFuture of shipbuilding - Denis Morais
Future of shipbuilding - Denis Morais
 
News June 8-14
News June 8-14 News June 8-14
News June 8-14
 
Lesson1 a
Lesson1 aLesson1 a
Lesson1 a
 
Web quest
Web questWeb quest
Web quest
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
47%20facebook%20handy%20stats%20and%20charts2
47%20facebook%20handy%20stats%20and%20charts247%20facebook%20handy%20stats%20and%20charts2
47%20facebook%20handy%20stats%20and%20charts2
 
Hizb 22
Hizb 22Hizb 22
Hizb 22
 
Blogging for beginners imnabeel
Blogging for beginners   imnabeelBlogging for beginners   imnabeel
Blogging for beginners imnabeel
 
Appsbar
AppsbarAppsbar
Appsbar
 
Ski
SkiSki
Ski
 
02B Brand Protection by Zoom-Soft
02B  Brand Protection by Zoom-Soft02B  Brand Protection by Zoom-Soft
02B Brand Protection by Zoom-Soft
 
Uwf future of tech
Uwf future of techUwf future of tech
Uwf future of tech
 
News feb 8 14
News feb 8 14News feb 8 14
News feb 8 14
 
Moral
MoralMoral
Moral
 
Bat validé
Bat validéBat validé
Bat validé
 

Similar a บทที่ 3 html editors

ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
Smo Tara
 
รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้
รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้
รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้
วิโรจน์ พรรณหาญ
 
2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml
Beerza Kub
 
การเข้าใช้โปรแกรมซี Dev C++
การเข้าใช้โปรแกรมซี Dev C++การเข้าใช้โปรแกรมซี Dev C++
การเข้าใช้โปรแกรมซี Dev C++
dechathon
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
maovkh
 
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
doraemonbookie
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
devilp Nnop
 
การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6
Sara Zara
 

Similar a บทที่ 3 html editors (15)

ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtmlใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
 
รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้
รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้
รวมสารพัดชื่อไวรัสคอม + อาการ + วิธีแก้
 
โปรแกรม Net beans
โปรแกรม Net beansโปรแกรม Net beans
โปรแกรม Net beans
 
รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)รู้จักกับ Html(แก้ไข)
รู้จักกับ Html(แก้ไข)
 
2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml2.เริ่มต้นกับ xhtml และ xhtml
2.เริ่มต้นกับ xhtml และ xhtml
 
vb.net
vb.netvb.net
vb.net
 
การเข้าใช้โปรแกรมซี Dev C++
การเข้าใช้โปรแกรมซี Dev C++การเข้าใช้โปรแกรมซี Dev C++
การเข้าใช้โปรแกรมซี Dev C++
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
 
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
 
Pai02
Pai02Pai02
Pai02
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
ณหทัย ซอเฮง รหัส 56170219
ณหทัย ซอเฮง รหัส 56170219ณหทัย ซอเฮง รหัส 56170219
ณหทัย ซอเฮง รหัส 56170219
 
การเขียนโปรแกรมโดยใช้ Netbeans
การเขียนโปรแกรมโดยใช้ Netbeansการเขียนโปรแกรมโดยใช้ Netbeans
การเขียนโปรแกรมโดยใช้ Netbeans
 
โปรแกรม dream 8
โปรแกรม dream 8โปรแกรม dream 8
โปรแกรม dream 8
 
การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6
 

Más de Nattipong Siangyen

Más de 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 กรณีศึกษา
 
อ้างอิง
อ้างอิงอ้างอิง
อ้างอิง
 

บทที่ 3 html editors

  • 2. Write HTML Using Notepad or TextEdit  เขียน HTML โดยใช้ Notepad หรือ TextEdit HTML สามารถแก้ไขได้โดยการ ใช้โปรแกรมแก้ไข HTML มือ อาชีพเช่น : * Sublime Text * Notepad++ * Brackets * Edit Plus * Netbeans
  • 3. Step 1 : Open Notepad  ในการเปิ ด Notepad ใน Windows 7 หรือก่อนหน้านี้ : Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad.  ในการเปิ ด Notepad ใน Windows 8 ขึ้นไป : Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
  • 4. Step 2 : Write Some HTML เขียนหรือคัดลอก HTML บางลงใน Notepad <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  • 5. Step 3 : Save the HTML Page  บันทึกไฟล์ในคอมพิวเตอร์ * เลือกเมนู File > Save as * ช่อง File Name : "index.html" หรือชื่ออื่น ๆ ที่ลงท้ายด้วย html หรือ HTM * ช่อง Save As Type : ให้เลือก All Files (*.*) * ช่อง Encoding : ให้เลือก UTF - 8
  • 6. Step 4 : View HTML Page in Your Browser ดู HTML ในเว็บบราวเซอร์