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

PPTX
บทที่ 3 html editors
DOCX
Introduce Javascript
PPTX
ความรู้เกี่ยวกับ การใช้งานโปรแกรม Adobe flash
PDF
ข นตอนการต_ดต__ง โปรแกรม windows 8 บน vmware
PPTX
Php พื้นฐาน ตอนที่5
PDF
Flameproof Low Range DP Switches FC series
PPTX
Case study bosnia
บทที่ 3 html editors
Introduce Javascript
ความรู้เกี่ยวกับ การใช้งานโปรแกรม Adobe flash
ข นตอนการต_ดต__ง โปรแกรม windows 8 บน vmware
Php พื้นฐาน ตอนที่5
Flameproof Low Range DP Switches FC series
Case study bosnia

Viewers also liked (20)

PPSX
Interview2a
PDF
Hizb 41
PPTX
Alison Blackwell
PDF
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
PPT
Tumblr workshop 3
PDF
News Jul 6-19
PDF
Flameproof Flanged Pressure Switches FC series
DOCX
Pasos scratch
PDF
Ultrasonic Flow Meter ASIONIC 400W
PDF
Le journal d'Argentré-du-Plessis
PDF
Boletim 1 macro 14, 15 e 16 iguatu atualizado(1)
PDF
Espn Mike Leach
PPTX
บทที่ 1 ทำความรู้จักเว็บเพจ
PPTX
ADV 493 Final Presentation, A Presentation for C3 Events
PPTX
PYP_APA draft Final ZAC
PDF
ใบงานสำรวจตนเองแบร์ M6
PPTX
Herranientas Web 2.0
PDF
List of prior actions version of 26 june 20 00
PDF
01 ความหมายของโครงงาน
PDF
Dual High range Pressure Switch DS series
Interview2a
Hizb 41
Alison Blackwell
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
Tumblr workshop 3
News Jul 6-19
Flameproof Flanged Pressure Switches FC series
Pasos scratch
Ultrasonic Flow Meter ASIONIC 400W
Le journal d'Argentré-du-Plessis
Boletim 1 macro 14, 15 e 16 iguatu atualizado(1)
Espn Mike Leach
บทที่ 1 ทำความรู้จักเว็บเพจ
ADV 493 Final Presentation, A Presentation for C3 Events
PYP_APA draft Final ZAC
ใบงานสำรวจตนเองแบร์ M6
Herranientas Web 2.0
List of prior actions version of 26 june 20 00
01 ความหมายของโครงงาน
Dual High range Pressure Switch DS series
Ad

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

PDF
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
PDF
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
DOCX
1.บทนำ html
PDF
Lernning 13
PPT
Cai html
PDF
ใบความรู้ที่ 2
PDF
สรุป2 html
PPTX
2.เริ่มต้นกับ xhtml และ xhtml
PPTX
รู้จักกับ Html(แก้ไข)
PDF
หน่วยการเรียนรู้ที่ 3 html
PDF
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
PDF
บทที่ 2 html introduction
PPTX
การสร้างเว็บเพจด้วยภาษา(Html
PDF
เขียนเว็บไซต์ด้วย Html 5
PDF
เนื้อหา Html
PPTX
บทที่ 2 html introduction
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
1.บทนำ html
Lernning 13
Cai html
ใบความรู้ที่ 2
สรุป2 html
2.เริ่มต้นกับ xhtml และ xhtml
รู้จักกับ Html(แก้ไข)
หน่วยการเรียนรู้ที่ 3 html
ใบความรู้ที่ 2.4 ขั้นตอนการสร้างเว็บhtml
บทที่ 2 html introduction
การสร้างเว็บเพจด้วยภาษา(Html
เขียนเว็บไซต์ด้วย Html 5
เนื้อหา Html
บทที่ 2 html introduction
Ad

More from Nattipong Siangyen (20)

PDF
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
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
อ้างอิง
PDF
02 การทำโครงงานอย่างง่าย
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 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 กรณีศึกษา
อ้างอิง
02 การทำโครงงานอย่างง่าย

บทที่ 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 ในเว็บบราวเซอร์