การเข้าใจโค้ด HTML และวิธีทำงานกับมัน สามารถช่วยได้มาก คุณสามารถใช้ในงานประจำวัน เช่น สร้างลายเซ็น HTML เพื่อให้การสื่อสารอีเมลดูมืออาชีพ hơn อีกวิธีที่แปลกแตกแต่มีประโยชน์คือ ใช้ HTML สำหรับบันทึกหน้าเว็บเป็นเอกสาร Word
อย่างไรก็ตาม สิ่งเหล่านี้อาจสับสนเล็กน้อย หากคุณไม่เคยทำงานกับไฟล์ HTML มาก่อน มาเริ่มจากต้นทาง โดยเรียนรู้ว่าไฟล์เหล่านั้นคืออะไร รวมถึงวิธีเปิดและดูไฟล์ HTML ใน Chrome
ไฟล์ HTML คืออะไร?
HTML ย่อมาจาก Hypertext Markup Language เป็นภาษาสคริปต์บนเว็บ (web-based scripting language) วัตถุประสงค์หลักคือ สร้างและจัดโครงสร้างหน้าเว็บ ไฟล์ที่มีนามสกุล HTML (หรือ HTM) มีเพียงข้อความและการอ้างอิงไฟล์อื่นๆ เช่น รูปภาพหรือวิดีโอ
มีโปรแกรมหลายตัวที่ใช้สร้างและแก้ไขไฟล์ HTML ได้ อย่างไรก็ตาม คุณสามารถใช้โปรแกรมแก้ไขข้อความธรรมดา (simple text editor) ใดๆ เพื่อเปิดและอ่านมันเป็นข้อความ เมื่อคุณต้องการดูว่าหน้าเว็บดูอย่างไร คุณต้องรันไฟล์ HTML นี้โดยใช้เว็บเบราว์เซอร์
Google Chrome รู้จัก HTML และคุณสามารถใช้มันเปิดไฟล์ที่มีนามสกุล .html ได้
วิธีเปิดไฟล์ HTML ใน Chrome
มีหลายวิธีในการเปิดไฟล์ HTML ใน Chrome
ใช้คำสั่ง Open With (Use The Open With Command)
- ค้นหาไฟล์ HTML ที่ต้องการดู คลิกขวาที่มัน และเลือก Open with จากเมนู คุณจะเห็นรายการเต็มของแอปที่สามารถใช้รันไฟล์ของคุณได้ เบราว์เซอร์เริ่มต้น (default browser) จะอยู่บนสุดรายการ
- เลือก Google Chrome จากรายการ และดูไฟล์ของคุณในเบราว์เซอร์
- หากตั้งค่า Google Chrome เป็นเบราว์เซอร์เริ่มต้นแล้ว ทั้งที่คุณต้องทำคือดับเบิลคลิกไฟล์ HTML และมันจะเปิดใน Chrome อัตโนมัติ หากคุณลองทำแล้วพบว่าคอมพิวเตอร์ไม่รู้จักไฟล์ของคุณ ระบบจะขอให้คุณใช้แอปที่ติดตั้งอยู่แล้วเพื่อเปิดไฟล์ หรือค้นหานามสกุลในอินเทอร์เน็ต เลือก Open using already installed applications จากนั้นลองเลือก Google Chrome จากรายการอีกครั้ง
- เพื่อให้แน่ใจว่าคุณเปิดไฟล์ HTML ที่ถูกต้อง ให้ตรวจสอบแถบที่อยู่ (address bar) ใน Chrome เมื่อมันโหลดหน้า ควรตรงกับตำแหน่งของไฟล์บนคอมพิวเตอร์ของคุณ
เปิดไฟล์ HTML จากภายใน Chrome (Open HTML File From Within Chrome)
หากคุณกำลังรันเบราว์เซอร์อยู่แล้ว คุณสามารถเปิดไฟล์ HTML ใน Chrome ได้โดยไม่ต้องค้นหาบนคอมพิวเตอร์ก่อน
- เลือก File จากเมนูริบบอนของ Chrome แล้วเลือก Open File
- ไปที่ตำแหน่งไฟล์ HTML ของคุณ ไฮไลท์เอกสาร และคลิก Open
- คุณจะเห็นไฟล์เปิดในแท็บใหม่
คุณยังสามารถใช้ปุ่มลัดคีย์บอร์ด (keyboard shortcut) เพื่อเปิดไฟล์ใน Chrome ได้ เปิดแท็บใหม่ใน Chrome แล้วกด Ctrl (Windows) หรือ Cmd (Mac) + O จะแสดงเมนู Open File เดียวกัน ค้นหาไฟล์ HTML และเปิดมัน
หากปุ่มลัดไม่ได้ อาจเป็นเพราะเบราว์เซอร์ของคุณมีชุดแป้นลัด (hotkeys) ต่างสำหรับคำสั่งนี้ คุณสามารถตรวจสอบได้ในการตั้งค่าเบราว์เซอร์ มีฟีเจอร์หลายอย่างที่คุณสามารถใช้ได้ด้วยปุ่มลัดคีย์บอร์ดใน Google Chrome คุณสามารถเรียนรู้การสลับแท็บ สร้างกิจกรรม Google Calendar และแม้แต่สลับโหมด Incognito ให้เร็วขึ้นด้วยปุ่มลัดที่เหมาะสม
ลากและวางไฟล์ใน Chrome (Drag & Drop Your File In Chrome)
คุณยังสามารถลากและวางไฟล์ HTML เข้าไปในแท็บใหม่ได้เลย Chrome จะเปิดหน้าเว็บอัตโนมัติ
วิธีดูซอร์สโค้ด HTML (How To View Source HTML)
ในกรณีที่คุณต้องการทำมากกว่าการดูหน้าเว็บ แต่ยังต้องการดูซอร์สโค้ด HTML ด้วย Chrome ก็อนุญาตให้ทำได้
มีหลายวิธี วิธีพื้นฐานที่สุดคือ เปิดไฟล์ HTML ในแท็บใหม่ใน Chrome จากนั้นคลิกขวาบนมัน และเลือก View Page Source จากเมนู
หากคุณมองหาเครื่องมือที่โต้ตอบได้มากกว่า (interactive) และต้องการดูว่าการเปลี่ยนแปลงที่คุณทำ ส่งผลต่อหน้าเว็บทันที คุณสามารถใช้เครื่องมือนักพัฒนา (developer tools) ใน Chrome
ทำได้โดย เปิดไฟล์ HTML ในแท็บใหม่ จากนั้นคลิกที่ไอคอน สามจุดแนวตั้ง (three vertical dots) มุมขวาบนของหน้าต่าง ในเมนูแบบเลื่อนลง เลือก More Tools > Developer Tools
ด้านขวาของหน้าจอ ไปที่แท็บ Elements เพื่อดูซอร์สโค้ดรายละเอียดของหน้าเว็บของคุณ
วิธีเปิดไฟล์ HTML จากสมาร์ทโฟน (How To Open An HTML File From Your Smartphone)
หากคุณใช้สมาร์ทโฟน คุณก็สามารถใช้วิธีต่างๆ เปิดไฟล์ HTML ใน Chrome ได้
ใช้เมนู Open With
ค้นหาไฟล์ HTML ที่ต้องการเปิดบนโทรศัพท์ และคลิกที่มัน จะแสดงเมนู Open with ที่คุณเลือกจากรายการแอปที่ใช้ดูหน้าเว็บได้ เลือก Chrome เพื่อเปิดไฟล์
เปิดไฟล์ HTML จากหน่วยความจำ SD (Open An HTML File From SD Storage)
เปิดเบราว์เซอร์ Chrome บนโทรศัพท์ และเปิดแท็บใหม่ พิมพ์ file:///sdcard/ ลงในแถบที่อยู่ จะเปิดหน่วยความจำ SD ของคุณ จากนั้น นำทางไปที่ไฟล์ที่ต้องการเปิด และแตะเพื่อดู
เรียนรู้เข้าใจ HTML (Learn To Understand HTML)
การเรียนรู้เคล็ดลับเล็กๆ และเข้าใจ HTML ดีกว่า จะให้คุณเสรีภาพมากขึ้นเมื่อทำงานกับทั้งโค้ดและข้อความ ตัวอย่างที่ดีคือ การเรียนรู้วิธีฝัง HTML (embed HTML) ลงในเอกสาร Google รวมถึงสิ่งอื่นๆ
คุณเคยทำงานกับไฟล์ HTML หรือไม่? คุณรู้สึกว่ามันยากไหม? แชร์ประสบการณ์กับเราในความคิดเห็นด้านล่าง
