บทที่ 3 html editors
TRANSCRIPT
![Page 1: บทที่ 3 html editors](https://reader036.vdocuments.pub/reader036/viewer/2022082619/58a6479f1a28ab6e368b50d3/html5/thumbnails/1.jpg)
HTML Editors
เรยีบเรยีงโดย ชายดำาคอมพวิเตอร์
![Page 2: บทที่ 3 html editors](https://reader036.vdocuments.pub/reader036/viewer/2022082619/58a6479f1a28ab6e368b50d3/html5/thumbnails/2.jpg)
Write HTML Using Notepad or TextEdit
เขยีน HTML โดยใช ้Notepad หรอื TextEdit
HTML สามารถแก้ไขได้โดยการ ใชโ้ปรแกรมแก้ไข HTML มอือาชพีเชน่ :
* Sublime Text* Notepad++* Brackets* Edit Plus* Netbeans
![Page 3: บทที่ 3 html editors](https://reader036.vdocuments.pub/reader036/viewer/2022082619/58a6479f1a28ab6e368b50d3/html5/thumbnails/3.jpg)
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.
![Page 4: บทที่ 3 html editors](https://reader036.vdocuments.pub/reader036/viewer/2022082619/58a6479f1a28ab6e368b50d3/html5/thumbnails/4.jpg)
Step 2 : Write Some HTMLเขยีนหรอืคัดลอก HTML บางลงใน
Notepad<!DOCTYPE html><html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>
![Page 5: บทที่ 3 html editors](https://reader036.vdocuments.pub/reader036/viewer/2022082619/58a6479f1a28ab6e368b50d3/html5/thumbnails/5.jpg)
Step 3 : Save the HTML Pageบนัทึกไฟล์ในคอมพวิเตอร์
* เลือกเมนู File > Save as* ชอ่ง File Name : "index.html" หรอืชื่ออ่ืน ๆ ท่ีลงท้าย
ด้วย html หรอื HTM* ชอ่ง Save As Type : ให้เลือก All Files (*.*)* ชอ่ง Encoding : ให้เลือก UTF - 8
![Page 6: บทที่ 3 html editors](https://reader036.vdocuments.pub/reader036/viewer/2022082619/58a6479f1a28ab6e368b50d3/html5/thumbnails/6.jpg)
Step 4 : View HTML Page in Your Browserด ูHTML ในเวบ็
บราวเซอร์