บทที่ 3 html editors

6
HTML Editors เเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเ

Upload: nattipong-siangyen

Post on 17-Feb-2017

176 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: บทที่ 3 html editors

HTML Editors

เรยีบเรยีงโดย ชายดำาคอมพวิเตอร์

Page 2: บทที่ 3 html editors

Write HTML Using Notepad or TextEdit

เขยีน HTML โดยใช ้Notepad หรอื TextEdit

HTML สามารถแก้ไขได้โดยการ ใชโ้ปรแกรมแก้ไข HTML มอือาชพีเชน่ :

* Sublime Text* Notepad++* Brackets* Edit Plus* Netbeans

Page 3: บทที่ 3 html editors

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

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

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

Step 4 : View HTML Page in Your Browserด ูHTML ในเวบ็

บราวเซอร์