SlideShare a Scribd company logo
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 ในเว็บบราวเซอร์

More Related Content

PDF
บทที่ 3 html editors
DOCX
Introduce Javascript
PDF
PPTX
ความรู้เกี่ยวกับ การใช้งานโปรแกรม Adobe flash
PPTX
Php พื้นฐาน ตอนที่5
PDF
Women trends
PPTX
สวนผึ้งราชบุรี
บทที่ 3 html editors
Introduce Javascript
ความรู้เกี่ยวกับ การใช้งานโปรแกรม Adobe flash
Php พื้นฐาน ตอนที่5
Women trends
สวนผึ้งราชบุรี

Viewers also liked (20)

PDF
Emboydingpolicymaking2016
PPTX
Earthquake
PDF
Fusion tables
PDF
Hizb 47
PDF
Web quest
PPTX
Future of shipbuilding - Denis Morais
PDF
News June 8-14
PPTX
Lesson1 a
PDF
Web quest
PPTX
Diapositivas
PDF
47%20facebook%20handy%20stats%20and%20charts2
PDF
Hizb 22
PDF
Blogging for beginners imnabeel
PPTX
Appsbar
PPTX
Ski
PPT
02B Brand Protection by Zoom-Soft
PPTX
Uwf future of tech
PDF
News feb 8 14
PPTX
Emboydingpolicymaking2016
Earthquake
Fusion tables
Hizb 47
Web quest
Future of shipbuilding - Denis Morais
News June 8-14
Lesson1 a
Web quest
Diapositivas
47%20facebook%20handy%20stats%20and%20charts2
Hizb 22
Blogging for beginners imnabeel
Appsbar
Ski
02B Brand Protection by Zoom-Soft
Uwf future of tech
News feb 8 14
Ad

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

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

More from Nattipong Siangyen (20)

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