การทำความเข้าใจโค้ด HTML และวิธีการใช้งานนั้นสามารถไปได้ไกล คุณสามารถใช้มันในการทำงานประจำวันของคุณ เช่น การสร้างลายเซ็น HTML เพื่อทำให้การสื่อสารทางอีเมลของคุณมีความเป็นมืออาชีพมากขึ้น อีกวิธีหนึ่งที่ผิดปกติแต่สะดวกในการใช้ HTML คือการบันทึกหน้าเว็บลงในเอกสาร Word
อย่างไรก็ตาม อาจสร้างความสับสนเล็กน้อยหากคุณไม่เคยทำงานกับไฟล์ HTML มาก่อน มาเริ่มกันที่จุดเริ่มต้นโดยเรียนรู้ว่าไฟล์เหล่านั้นคืออะไร รวมถึงวิธีเปิดและดูไฟล์ HTML ใน Chrome

ไฟล์ HTML คืออะไร
HTML ย่อมาจาก Hypertext Markup Language และเป็นภาษาสคริปต์บนเว็บ วัตถุประสงค์หลักคือการสร้างและจัดโครงสร้างหน้าเว็บ ไฟล์ที่มีนามสกุล HTML (หรือ HTM) มีเพียงข้อความและการอ้างอิงถึงไฟล์อื่น เช่น รูปภาพหรือวิดีโอ
มีโปรแกรมต่างๆ มากมายที่คุณสามารถใช้สร้างและแก้ไขไฟล์ HTML ได้ อย่างไรก็ตาม คุณสามารถใช้โปรแกรมแก้ไขข้อความทั่วไปเพื่อเปิดและอ่านเป็นข้อความได้ เมื่อต้องการดูว่าหน้าเว็บมีลักษณะอย่างไร คุณต้องเรียกใช้ไฟล์ HTML นี้โดยใช้เว็บเบราว์เซอร์
Google Chrome รู้จัก HTML และคุณสามารถใช้เพื่อเปิดไฟล์ใดๆ ที่มีนามสกุล ".html"
วิธีการเปิดไฟล์ HTML ใน Chrome
มีหลายวิธีในการเปิดไฟล์ HTML ใน Chrome
ใช้คำสั่งเปิดด้วยคำสั่ง

- ค้นหาไฟล์ HTML ที่คุณต้องการดู คลิกขวาที่ไฟล์แล้วเลือก เปิดด้วย จากเมนู คุณจะเห็นรายการแอพทั้งหมดที่คุณสามารถใช้เพื่อเรียกใช้ไฟล์ของคุณ เบราว์เซอร์เริ่มต้นของคุณจะอยู่ที่ด้านบนสุดของรายการ
- เลือก Google Chrome จากรายการ และดูไฟล์ของคุณในเบราว์เซอร์
- หาก Google Chrome ถูกตั้งค่าเป็นเบราว์เซอร์เริ่มต้นของคุณ สิ่งที่คุณต้องทำคือดับเบิลคลิกที่ไฟล์ HTML แล้วไฟล์จะเปิดขึ้นใน Chrome โดยอัตโนมัติ หากคุณลองทำเช่นนี้ และพบว่าคอมพิวเตอร์ของคุณไม่รู้จักไฟล์ของคุณ ระบบจะขอให้คุณใช้แอปที่ติดตั้งไว้แล้วเพื่อเปิดไฟล์หรือค้นหาส่วนขยายทางอินเทอร์เน็ต เลือก เปิดโดยใช้แอปพลิเคชันที่ติดตั้งไว้แล้ว . จากนั้นลองเลือก Google Chrome จากรายการอีกครั้ง

- เพื่อให้แน่ใจว่าคุณเปิดไฟล์ HTML ที่ถูกต้อง ให้ตรวจสอบแถบที่อยู่ใน Chrome เมื่อเปิดหน้าขึ้นมา ควรตรงกับตำแหน่งของไฟล์บนคอมพิวเตอร์ของคุณ
เปิดไฟล์ HTML จากภายใน Chrome

หากคุณใช้เบราว์เซอร์อยู่แล้ว คุณสามารถเปิดไฟล์ HTML ใน Chrome ได้โดยไม่ต้องค้นหาในคอมพิวเตอร์ของคุณก่อน
- เลือก ไฟล์ จากเมนูริบบอนของ Chrome จากนั้นเลือก เปิดไฟล์ .
- ไปที่ตำแหน่งไฟล์ HTML ไฮไลต์เอกสารแล้วคลิก เปิด .
- คุณจะเห็นไฟล์ของคุณเปิดอยู่ในแท็บใหม่

คุณยังใช้แป้นพิมพ์ลัดเพื่อเปิดไฟล์ใน Chrome ได้อีกด้วย เปิดแท็บใหม่ใน Chrome แล้วกด Ctrl (Windows) หรือ Cmd (Mac) + O . มันจะแสดง เปิดไฟล์ . เหมือนเดิม เมนู. ค้นหาไฟล์ HTML ของคุณและเปิด
หากปุ่มลัดใช้งานไม่ได้ อาจเป็นเพราะเบราว์เซอร์ของคุณมีปุ่มลัดชุดอื่นสำหรับคำสั่งนี้ คุณสามารถตรวจสอบได้ตลอดเวลาในการตั้งค่าเบราว์เซอร์ของคุณ มีคุณลักษณะต่างๆ มากมายที่คุณสามารถใช้กับแป้นพิมพ์ลัดใน Google Chrome ได้ คุณสามารถเรียนรู้ที่จะสลับไปมาระหว่างแท็บต่างๆ สร้างกิจกรรมใน Google ปฏิทิน และแม้กระทั่งเปิดและปิดโหมดไม่ระบุตัวตนได้รวดเร็วยิ่งขึ้นด้วยปุ่มลัดที่เหมาะสม
ลากและวางไฟล์ของคุณใน Chrome

คุณยังสามารถลากและวางไฟล์ HTML ลงในแท็บใหม่ได้เลย Chrome จะเปิดหน้าโดยอัตโนมัติ
วิธีการดูซอร์ส HTML
ในกรณีที่คุณจำเป็นต้องทำมากกว่าการดูหน้าเว็บเพียงเล็กน้อย แต่ยังดูซอร์สโค้ด HTML ด้วย Chrome อนุญาตให้คุณทำเช่นเดียวกัน

มีหลายวิธีที่จะทำ พื้นฐานที่สุดคือเปิดไฟล์ HTML ในแท็บใหม่ใน Chrome จากนั้นคลิกขวาแล้วเลือก ดูที่มาของหน้า จากเมนู

หากคุณต้องการใช้เครื่องมือแบบอินเทอร์แอกทีฟมากขึ้นและต้องการดูว่าการเปลี่ยนแปลงที่คุณทำส่งผลต่อหน้าเว็บในทันทีอย่างไร คุณสามารถใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome ได้
ในการทำเช่นนั้น ให้เปิดไฟล์ HTML ในแท็บใหม่ จากนั้นคลิกที่ จุดแนวตั้งสามจุด ไอคอนที่มุมขวาบนของหน้าต่าง ในเมนูแบบเลื่อนลง ให้เลือก เครื่องมือเพิ่มเติม> เครื่องมือสำหรับนักพัฒนา .

ที่ด้านขวาของหน้าจอ ไปที่ องค์ประกอบ เพื่อดูซอร์สโค้ดโดยละเอียดของหน้าเว็บของคุณ
วิธีการเปิดไฟล์ HTML จากสมาร์ทโฟนของคุณ
หากคุณใช้สมาร์ทโฟน คุณสามารถใช้วิธีการต่างๆ ในการเปิดไฟล์ HTML ใน Chrome
ใช้เมนูเปิดด้วย

ค้นหาไฟล์ HTML ที่คุณต้องการเปิดบนโทรศัพท์ของคุณและคลิกที่ไฟล์ มันจะแสดง เปิดด้วย เมนู ซึ่งคุณสามารถเลือกจากรายการแอพที่คุณสามารถใช้ดูหน้าเว็บได้ เลือก Chrome เพื่อเปิดไฟล์
เปิดไฟล์ HTML จากที่เก็บข้อมูล SD

เปิดเบราว์เซอร์ Chrome บนโทรศัพท์ของคุณและเปิดแท็บใหม่ พิมพ์ file:///sdcard/ ลงในแถบที่อยู่ซึ่งจะเปิดที่เก็บข้อมูล SD ของคุณ จากที่นั่น ไปที่ไฟล์ที่คุณต้องการเปิดแล้วแตะเพื่อดู
เรียนรู้ที่จะเข้าใจ HTML
การเรียนรู้ลูกเล่นเล็กๆ น้อยๆ และการทำความเข้าใจ HTML ให้ดีขึ้นจะช่วยให้คุณมีอิสระมากขึ้นเมื่อทำงานกับทั้งโค้ดและข้อความ ตัวอย่างที่ดีอย่างหนึ่งคือการเรียนรู้วิธีฝัง HTML ลงในเอกสาร Google และอื่นๆ
คุณเคยทำงานกับไฟล์ HTML หรือไม่? คุณคิดว่ามันยากไหม แบ่งปันประสบการณ์ของคุณกับเราในความคิดเห็นด้านล่าง