ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

HTML สื่อ HTML วีดีโอ HTML เสียง HTML ปลั๊กอิน HTML YouTube

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

HTML Editors


แก้ไข HTML คืออะไร?

แก้ไข HTML คือโปรแกรมคอมพิวเตอร์สำหรับการแก้ไข HTML, มาร์กอัปของหน้าเว็บ แม้ว่ามาร์กอัป HTML ของหน้าเว็บที่สามารถเขียนด้วยโปรแกรมแก้ไขข้อความใด ๆ บรรณาธิการ HTML เฉพาะสามารถนำเสนอความสะดวกและเพิ่มฟังก์ชันการทำงาน

ยกตัวอย่างเช่นบรรณาธิการ HTML หลายจัดการไม่เพียง แต่ HTML แต่เทคโนโลยียังเกี่ยวข้องเช่น CSS, XML และ JavaScript หรือ ECMAScript ในบางกรณีพวกเขายังจัดการการสื่อสารกับเว็บเซิร์ฟเวอร์ระยะไกลผ่านทาง FTP และ WebDAV และระบบการควบคุมเวอร์ชันเช่นการโค่นล้มหรือ Git

การประมวลผลคำการออกแบบกราฟิกและหน้าโปรแกรมรูปแบบหลายคนที่ไม่ได้ทุ่มเทให้กับการออกแบบเว็บเช่น Microsoft Word หรือ Quark XPress ยังมีความสามารถในการทำงานเป็นบรรณาธิการ HTML


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

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

  • Microsoft WebMatrix
  • Sublime Text

อย่างไรก็ตามสำหรับการเรียนรู้ HTML เราขอแนะนำให้แก้ไขข้อความเช่น Notepad (PC) หรือ TextEdit (Mac)

เราเชื่อว่าการใช้โปรแกรมแก้ไขข้อความที่เรียบง่ายเป็นวิธีที่ดีในการเรียนรู้ HTML

ทำตาม 4 ขั้นตอนด้านล่างเพื่อสร้างหน้าเว็บแรกของคุณกับ Notepad


ขั้นตอนที่ 1: เปิด Notepad (PC)

เปิด Notepad ใน Windows 8 หรือใหม่กว่า:

เปิดหน้าจอเริ่มต้น (the window symbol at the bottom left on your screen) ประเภท Notepad

เปิด Notepad ใน Windows 7 หรือก่อนหน้านี้:

คลิกเริ่มการทำงาน (bottom left on your screen) คลิกโปรแกรมทั้งหมด คลิกเสริม คลิก Notepad


ขั้นตอนที่ 1: เปิด TextEdit (Mac)

เปิด TextEdit

โปรดตรวจสอบว่าโปรแกรมแก้ไขข้อความที่ถูกกำหนดให้เป็นข้อความธรรมดา ไปที่: การตั้งค่า> เอกสารใหม่> เลือกข้อความธรรมดา

ยังให้แน่ใจว่าทั้ง "Display html file as html code" และ "Display RTF file as RTF code" ตัวเลือกจะถูกตรวจสอบภายใต้ "Open and Save"

จากนั้นเปิดเอกสารใหม่ที่จะวางรหัส


ขั้นตอนที่ 2: เขียนบาง HTML

เขียนหรือคัดลอกบาง HTML ลงใน Notepad

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Notepad


ขั้นตอนที่ 3: บันทึกหน้า HTML

บันทึกไฟล์ในคอมพิวเตอร์ของคุณ

เลือกไฟล์> บันทึกเป็นในเมนูแผ่นจดบันทึก

ชื่อไฟล์ "index.html" หรือชื่ออื่น ๆ ที่ลงท้ายด้วย html หรือ HTM

UTF-8 คือการเข้ารหัสที่แนะนำสำหรับไฟล์ HTML

การเข้ารหัส ANSI ครอบคลุม US และตัวอักษรในยุโรปตะวันตกเท่านั้น

ดูในเบราว์เซอร์

คุณสามารถใช้ .htm หรือ .html เป็นไฟล์นามสกุล ไม่มีความแตกต่างคือมันขึ้นอยู่กับคุณ


ขั้นตอนที่ 4: ดู HTML หน้าเบราว์เซอร์

เปิดไฟล์ HTML ที่บันทึกไว้ในเบราว์เซอร์ที่คุณชื่นชอบ ผลที่ได้จะมีลักษณะมากเช่นนี้

ดูในเบราว์เซอร์

เพื่อเปิดไฟล์ในเบราว์เซอร์ดับเบิลคลิกที่ไฟล์หรือคลิกขวาและเลือกเปิดด้วย