การ ทำความเข้าใจโค้ด HTML^(HTML)และวิธีการใช้งานนั้นสามารถไปได้ไกล คุณสามารถใช้มันในการทำงานประจำวันของคุณ เช่นการสร้างลายเซ็น HTML^{(creating HTML signatures)}เพื่อทำให้การสื่อสารทางอีเมลของคุณมีความเป็นมืออาชีพมากขึ้น อีกวิธีหนึ่งที่ไม่ธรรมดาแต่สะดวกในการใช้HTMLคือการบันทึกหน้าเว็บลงในเอกสาร^{(saving web pages to Word documents)} Word 

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

ไฟล์ HTML คืออะไร?^{(What’s An HTML File?)}

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

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

Google Chromeรู้จักHTMLและคุณสามารถใช้เพื่อเปิดไฟล์ที่มีนามสกุล ".html" 

วิธีเปิดไฟล์ HTML ใน Chrome ^{(How To Open An HTML File In Chrome )}

มีหลายวิธีในการเปิดไฟล์HTMLในChrome

ใช้คำสั่งเปิดด้วยคำสั่ง^{(Use The Open With Command)}

1. ค้นหา ไฟล์ HTML ที่ คุณต้องการดู คลิกขวาที่ไฟล์ แล้วเลือกเปิดด้วย^{(Open with)}จากเมนู คุณจะเห็นรายการแอพทั้งหมดที่คุณสามารถใช้เพื่อเรียกใช้ไฟล์ของคุณ เบราว์เซอร์เริ่มต้นของคุณจะอยู่ที่ด้านบนสุดของรายการ 
   
2. เลือก Google Chrome^{(Select Google Chrome)}จากรายการ และดูไฟล์ของคุณในเบราว์เซอร์

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

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

เปิดไฟล์ HTML จากภายใน Chrome^{(Open HTML File From Within Chrome)}

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

1. เลือกไฟล์^(File)จากเมนูริบบอน ของ Chrome จากนั้นเลือกเปิด^{(Open File)}ไฟล์ 
2. ไป^(Navigate)ที่ ตำแหน่งไฟล์ HTMLไฮไลต์เอกสารแล้วคลิกเปิด^(Open)
3. คุณจะเห็นไฟล์ของคุณเปิดอยู่ในแท็บใหม่ 

คุณยังสามารถใช้แป้นพิมพ์ลัดเพื่อเปิดไฟล์ในChrome เปิดแท็บใหม่ในChromeแล้วกดCtrl (Windows) หรือCmd (Mac) + + OมันจะแสดงเมนูOpen File เดียวกันขึ้นมา ^{(Open File)}ค้นหา ไฟล์ HTML ของคุณ และเปิด 

หากปุ่มลัดใช้งานไม่ได้ อาจเป็นเพราะเบราว์เซอร์ของคุณมีปุ่มลัดชุดอื่นสำหรับคำสั่งนี้ คุณสามารถตรวจสอบได้ตลอดเวลาในการตั้งค่าเบราว์เซอร์ของคุณ มีคุณลักษณะต่างๆ มากมายที่คุณสามารถใช้กับแป้นพิมพ์ลัดในGoogle Chromeได้ คุณสามารถเรียนรู้การสลับระหว่างแท็บสร้างกิจกรรม Google ปฏิทิน^{(create Google Calendar events)}และแม้กระทั่งเปิดและปิดโหมดไม่ระบุตัวตนได้รวดเร็ว^{(switch Incognito Mode on and off quicker)} ยิ่งขึ้น ด้วยปุ่มลัดที่เหมาะสม 

ลากและวางไฟล์ของคุณใน Chrome^{(Drag & Drop Your File In Chrome)}

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

วิธีดูซอร์ส HTML^{(How To View Source HTML)}

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

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

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

ในการทำเช่นนั้น ให้เปิด ไฟล์ HTMLในแท็บใหม่ จากนั้นคลิกที่ ไอคอน จุดแนวตั้งสามจุด^{(three vertical dots)}ที่มุมบนขวาของหน้าต่าง ในเมนูแบบเลื่อนลง ให้เลือกเครื่องมือเพิ่มเติม^{(More Tools)} > เครื่องมือสำหรับ นัก  พัฒนา^{(Developer Tools)}

ที่ด้านขวาของหน้าจอ ไปที่ แท็บ องค์ประกอบ^{(Elements )}เพื่อดูซอร์สโค้ดโดยละเอียดของหน้าเว็บของคุณ 

วิธีเปิดไฟล์ HTML จากสมาร์ทโฟนของคุณ^{(How To Open An HTML File From Your Smartphone)}

หากคุณกำลังใช้สมาร์ทโฟน คุณสามารถใช้วิธีการต่างๆ ในการเปิดไฟล์HTMLในChrome

ใช้เมนูเปิดด้วย^{(Use The Open With Menu)}

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

เปิดไฟล์ HTML จาก SD Storage^{(Open An HTML File From SD Storage)}

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

เรียนรู้ที่จะเข้าใจ HTML ^{(Learn To Understand HTML )}

การเรียนรู้ลูกเล่นเล็กๆ น้อยๆ และการทำความเข้าใจHTMLให้ดีขึ้นจะช่วยให้คุณมีอิสระมากขึ้นเมื่อทำงานกับทั้งโค้ดและข้อความ ตัวอย่างที่ดีอย่างหนึ่งคือการเรียนรู้วิธีฝัง HTML ลงในเอกสาร Google^{(how to embed HTML into a Google document)}เป็นต้น 

คุณเคยทำงานกับ ไฟล์ HTMLหรือไม่? คุณคิดว่ามันยากไหม แบ่งปันประสบการณ์ของคุณกับเราในความคิดเห็นด้านล่าง 

How to Open an HTML File in Google Chrome

Understanding HTML code and how to work with it can go a long way. You can use it in your everyday work, like creating HTML signatures to make your email communication more professional. Another unusual but handy way to use HTML is for saving web pages to Word documents. 

However, it can all be a little confusing if you’ve never worked with an HTML file before. Let’s start at the beginning by learning what those files are, as well as how to open and view an HTML file in Chrome.

What’s An HTML File?

HTML stands for Hypertext Markup Language and is a web-based scripting language. Its main purpose is to create and structure web pages. Files with the HTML (or HTM) extension only contain text and references to other files, like images or video.

There are many different programs that you can use to make and edit an HTML file. However, you can use any simple text editor to open and read it as text. When you want to see what the web page looks like, you need to run this HTML file using a web browser. 

Google Chrome recognizes HTML, and you can use it to open any file with an “.html” extension. 

How To Open An HTML File In Chrome 

There’s more than one way to open an HTML file in Chrome.

Use The Open With Command

1. Find the HTML file you want to view, right-click on it, and choose Open with from the menu. You will see a full list of apps that you can use to run your file. Your default browser will be at the top of the list. 
   
2. Select Google Chrome from the list, and view your file in the browser.

1. If Google Chrome is set as your default browser, all you need to do is double-click the HTML file and it will automatically open in Chrome. If you tried this, and found that your computer doesn’t recognize your file, the system will ask you to use one of the already installed apps to open the file or search the internet for the extension. Choose Open using already installed applications. Then try choosing Google Chrome from the list again. 

1. In order to make sure you opened the right HTML file, check the address bar in Chrome when it brings up the page. It should match the location of your file on your computer. 

Open HTML File From Within Chrome

If you’re already running your browser, you can open an HTML file in Chrome without having to locate it on your computer first.

1. Choose File from the Chrome ribbon menu. Then select Open File. 
2. Navigate to your HTML file location, highlight the document and click Open.
3. You will see your file open in a new tab. 

You can also use a keyboard shortcut to open a file in Chrome. Open a new tab in Chrome, then press Ctrl (Windows) or Cmd (Mac) + O. It will bring up the same Open File menu. Find your HTML file and open it. 

If the shortcut didn’t work, it might be that your browser has a different set of hotkeys for this command. You can always check it in your browser settings. There are a lot of different features that you can use with the help keyboard shortcuts in Google Chrome. You can learn to switch between tabs, create Google Calendar events, and even switch Incognito Mode on and off quicker with the right shortcuts. 

Drag & Drop Your File In Chrome

You can also just drag and drop the HTML file right into a new tab. Chrome will then automatically open the page. 

How To View Source HTML

In case you need to do a little more than just view the page but also view the HTML source code, Chrome allows you to do that as well.

There are a few different ways to do it. The most basic one is to open your HTML file in a new tab in Chrome. Then right click on it, and choose View Page Source from the menu. 

If you’re looking to use a more interactive tool and want to see how the changes you make affect the web page straight away, you can use the developer tool in Chrome. 

To do that, open the HTML file in a new tab. Then click on the three vertical dots icon in the upper right corner of the window. In the drop-down menu, choose More Tools > Developer Tools. 

On the right side of your screen, go to the Elements tab to see the detailed source code of your web page. 

How To Open An HTML File From Your Smartphone

If you’re using your smartphone, you can also use different methods to open an HTML file in Chrome.

Use The Open With Menu

Locate the HTML file you want to open on your phone and click on it. It will bring up the Open with menu, where you can choose from the list of apps that you can use to view the web page. Select Chrome to open the file. 

Open An HTML File From SD Storage

Launch the Chrome browser on your phone and open a new tab. Type file:///sdcard/ into the address bar, which will open your SD storage. From there, navigate to the file you want to open and tap to view it. 

Learn To Understand HTML 

Learning little tricks and understanding HTML better can give you more freedom when working with both code and text. One good example is learning how to embed HTML into a Google document, among other things. 

Do you ever work with HTML files? Do you find it difficult? Share your experiences with us in the comments below. 

Related posts

• วิธีบล็อกเว็บไซต์บน Google Chrome

• เปลี่ยนตำแหน่งโฟลเดอร์ดาวน์โหลดใน Google Chrome

• วิธีแก้ไข “err_address_unreachable” ใน Google Chrome

• เพิ่มปุ่มแถบเครื่องมือบุ๊กมาร์กไปยัง Google Chrome

• DNS ที่ปลอดภัยคืออะไรและจะเปิดใช้งานใน Google Chrome ได้อย่างไร

• วิธีการ Create and Delete Profiles ใน Google Chrome เว็บเบราว์เซอร์

• ไม่สามารถเปิดโปรไฟล์ของคุณได้อย่างถูกต้องใน Google Chrome

• Google Chrome คุณสมบัติการช้อปปิ้งออนไลน์เพื่อสั่งซื้อด้วยการแตะเพียงครั้งเดียว

• วิธีเปิดใช้งานและปิดใช้งาน Window Naming ใน Google Chrome

• Google Chrome เพื่อ จำกัด การแจ้งเตือนการแจ้งเตือนแบบพุชเป็น 90 วัน

• Google Chrome vs Firefox Quantum สำหรับ Windows 10

• Google Chrome การดาวน์โหลดการติดอยู่ที่ 100%

• วิธีการแก้ไข AW, Snap! error message ใน Google Chrome browser

• 6 วิธีในการเปิดใช้งาน Dark Mode ของ Google Chrome ใน Windows

• วิธีดาวน์เกรด Google Chrome เป็นเวอร์ชันเก่า

• วิธีเปิดใช้งานหรือ Disable Tab Scrolling Buttons ใน Google Chrome

• Google Chrome ปัญหาและปัญหาเกี่ยวกับ Windows 10

• วิธีเปิดใช้งาน Material Design UI ใหม่สำหรับ Google Chrome browser

• วิธีการอัตโนมัติปิดการใช้งานคุณลักษณะการลงชื่อเข้าใน Google Chrome

• วิธีการนำเข้าหรือส่งออกบุ๊กมาร์ก Google Chrome ไปยัง HTML file