HTML -koodin ymmärtäminen ja sen käyttäminen voi viedä pitkälle. Voit käyttää sitä jokapäiväisessä työssäsi, kuten HTML-allekirjoitusten luomisessa^{(creating HTML signatures)} , jotta sähköpostiviestinnästäsi tulee ammattimaisempaa. Toinen epätavallinen mutta kätevä tapa käyttää HTML :ää on web-sivujen tallentaminen Word-asiakirjoihin^{(saving web pages to Word documents)} . 

Kaikki voi kuitenkin olla hieman hämmentävää, jos et ole koskaan aiemmin työskennellyt HTML - tiedoston kanssa. Aloitetaan alusta oppimalla, mitä nämä tiedostot ovat, sekä kuinka avata ja tarkastella HTML - tiedostoa Chromessa^(Chrome) .

Mikä on HTML-tiedosto?^{(What’s An HTML File?)}

HTML on lyhenne sanoista Hypertext Markup Language^{(Hypertext Markup Language)} ja se on verkkopohjainen komentosarjakieli. Sen päätarkoitus on luoda ja jäsentää verkkosivuja. HTML- (tai HTM ) -laajennuksella varustetut tiedostot sisältävät vain tekstiä ja viittauksia muihin tiedostoihin, kuten kuviin tai videoihin.

On olemassa monia erilaisia ​​ohjelmia, joilla voit luoda ja muokata HTML - tiedostoja. Voit kuitenkin käyttää mitä tahansa yksinkertaista tekstieditoria sen avaamiseen ja lukemiseen tekstinä. Kun haluat nähdä, miltä verkkosivu näyttää, sinun on suoritettava tämä HTML -tiedosto verkkoselaimella. 

Google Chrome tunnistaa HTML :n ja voit avata sen avulla minkä tahansa tiedoston, jonka laajennus on .html. 

Kuinka avata HTML-tiedosto Chromessa ^{(How To Open An HTML File In Chrome )}

On olemassa useampi kuin yksi tapa avata HTML - tiedosto Chromessa^(Chrome) .

Käytä Open With Command -komentoa^{(Use The Open With Command)}

1. Etsi HTML -tiedosto, jota haluat tarkastella, napsauta sitä hiiren kakkospainikkeella ja valitse valikosta Avaa^{(Open with)} sovelluksella. Näet täydellisen luettelon sovelluksista, joita voit käyttää tiedostosi suorittamiseen. Oletusselaimesi on luettelon yläosassa. 
   
2. Valitse luettelosta Google Chrome^{(Select Google Chrome)} ja tarkastele tiedostoasi selaimessa.

1. Jos Google Chrome on asetettu oletusselaimeksi, sinun tarvitsee vain kaksoisnapsauttaa HTML - tiedostoa ja se avautuu automaattisesti Chromessa^(Chrome) . Jos kokeilit tätä ja huomasit, että tietokoneesi ei tunnista tiedostoasi, järjestelmä pyytää sinua avaamaan tiedoston tai etsimään Internetistä laajennuksen jollakin jo asennetuista sovelluksista. Valitse Avaa jo asennetuilla sovelluksilla^{(Open using already installed applications)} . Yritä sitten valita Google Chrome luettelosta uudelleen. 

1. Varmistaaksesi, että avasit oikean HTML -tiedoston, tarkista ^(HTML)Chromen^(Chrome) osoitepalkki, kun se tuo sivun esiin. Sen pitäisi vastata tiedostosi sijaintia tietokoneellasi. 

Avaa HTML-tiedosto Chromesta^{(Open HTML File From Within Chrome)}

Jos käytät jo selaintasi, voit avata HTML - tiedoston Chromessa^(Chrome) ilman, että sinun tarvitsee ensin etsiä sitä tietokoneeltasi.

1. Valitse Chromen^(Chrome) nauhavalikosta Tiedosto^(File) . Valitse sitten Avaa tiedosto^{(Open File)} . 
2. Siirry ^(Navigate)HTML - tiedostosi sijaintiin, korosta asiakirja ja napsauta Avaa^(Open) .
3. Näet tiedostosi avautuvana uudessa välilehdessä. 

Voit myös käyttää pikanäppäintä avataksesi tiedoston Chromessa^(Chrome) . Avaa uusi välilehti Chromessa^(Chrome) ja paina sitten Ctrl (Windows) tai Cmd (Mac) + O . Se tuo esiin saman Avaa tiedosto^{(Open File)} -valikon. Etsi HTML- tiedostosi ja avaa se. 

Jos pikanäppäin ei toiminut, selaimessasi saattaa olla eri pikanäppäimet tälle komennolle. Voit aina tarkistaa sen selaimesi asetuksista. Google Chromen^{(Google Chrome)} pikanäppäimillä voit käyttää monia erilaisia ​​ominaisuuksia . Voit oppia vaihtamaan välilehtien välillä , luomaan Google-kalenterin tapahtumia^{(create Google Calendar events)} ja jopa kytkemään incognito-tilan päälle ja pois päältä nopeammin^{(switch Incognito Mode on and off quicker)} oikeilla pikanäppäimillä. 

Vedä ja pudota tiedostosi Chromessa^{(Drag & Drop Your File In Chrome)}

Voit myös vain vetää ja pudottaa HTML - tiedoston suoraan uuteen välilehteen. Chrome avaa sitten sivun automaattisesti. 

Kuinka tarkastella lähdekoodia HTML^{(How To View Source HTML)}

Jos sinun on tehtävä enemmän kuin vain tarkastella sivua, mutta myös tarkastella HTML - lähdekoodia, Chrome antaa sinun tehdä sen myös.

On olemassa muutamia eri tapoja tehdä se. Yksinkertaisin tapa on avata HTML - tiedostosi uudella välilehdellä Chromessa^(Chrome) . Napsauta sitten sitä hiiren kakkospainikkeella ja valitse valikosta Näytä sivun lähde^{(View Page Source)} . 

Jos haluat käyttää interaktiivisempaa työkalua ja haluat heti nähdä, kuinka tekemäsi muutokset vaikuttavat verkkosivuun, voit käyttää Chromen^(Chrome) kehittäjätyökalua . 

Voit tehdä tämän avaamalla HTML - tiedoston uudessa välilehdessä. Napsauta sitten kolmen pystysuoran pisteen^{(three vertical dots)} kuvaketta ikkunan oikeassa yläkulmassa. Valitse avattavasta valikosta Lisää työkaluja^{(More Tools)} > Kehittäjätyökalut^{(Developer Tools)} . 

Siirry näytön oikeassa reunassa Elementit^{(Elements )} - välilehteen nähdäksesi verkkosivusi yksityiskohtaisen lähdekoodin. 

Kuinka avata HTML-tiedosto älypuhelimesta^{(How To Open An HTML File From Your Smartphone)}

Jos käytät älypuhelinta, voit myös avata HTML - tiedoston Chromessa^(Chrome) eri tavoilla .

Käytä Avaa kanssa -valikkoa^{(Use The Open With Menu)}

Etsi HTML - tiedosto, jonka haluat avata puhelimellasi, ja napsauta sitä. Se tuo esiin Avaa kanssa^{(Open with)} -valikon, jossa voit valita luettelosta sovelluksia, joita voit käyttää verkkosivun katseluun. Avaa tiedosto  valitsemalla Chrome .^{(Select Chrome)}

Avaa HTML-tiedosto SD-muistista^{(Open An HTML File From SD Storage)}

Käynnistä Chrome - selain puhelimessasi ja avaa uusi välilehti. Kirjoita osoitepalkkiin file:///sdcard/ , joka avaa SD-tallennustilan. Siirry sieltä tiedostoon, jonka haluat avata, ja napauta nähdäksesi sen. 

Opi ymmärtämään HTML:ää ^{(Learn To Understand HTML )}

Pienten temppujen oppiminen ja HTML :n ymmärtäminen voi antaa sinulle enemmän vapautta työskennellessäsi sekä koodin että tekstin kanssa. Yksi hyvä esimerkki on oppia upottamaan HTML-koodia Google-dokumenttiin^{(how to embed HTML into a Google document)} muun muassa. 

Työskenteletkö koskaan HTML- tiedostojen kanssa? Onko se sinun mielestäsi vaikeaa? Jaa kokemuksesi kanssamme alla olevissa kommenteissa. 

How to Open an HTML File in Google Chrome

Understanding HTML code and how to work with it can go a long way. Yoυ can uѕe it іn yoυr еvеryday 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

• Kuinka estää verkkosivustoja Google Chromessa

• Muuta latauskansion sijaintia Google Chromessa

• Kuinka korjata "err_address_unreachable" Google Chromessa

• Lisää kirjanmerkkityökalupalkin painike Google Chromeen

• Mikä on suojattu DNS ja kuinka se otetaan käyttöön Google Chromessa?

• Kuinka ottaa uusi Material Design UI käyttöön Google Chrome -selaimelle

• Korjaa ERR_QUIC_PROTOCOL_ERROR Google Chromessa

• ERR_NAME_NOT_RESOLVED, Virhekoodi 105 Google Chromessa

• Vieritettävän välilehtinauhan ottaminen käyttöön tai poistaminen käytöstä Google Chromessa

• Google Chrome vs Firefox Quantum Windows PC:lle

• Jaa-painikkeen käyttäminen Google Chrome for Androidissa

• Kuinka poistaa automaattinen sisäänkirjautuminen käytöstä Google Chromessa

• Korjaa epäselvä tiedosto Avaa -valintaikkuna Google Chromessa ja Microsoft Edgessä

• Kuinka poistaa Global Media Control -painike Google Chromen työkalupalkista

• Google Chromen laajennukset eivät toimi Windows 11/10:ssä

• Google Chromen offline-asennusohjelman (erillinen) lataaminen

• Kuinka korjata Aw, Snap! virheilmoitus Google Chrome -selaimessa

• Profiilin tuhoaminen selaimen sulkemisessa Google Chromessa

• Kuinka ottaa käyttöön ja poistaa käytöstä ikkunoiden nimeäminen Google Chromessa

• Korjaa välityspalvelimen latausvirhe Google Chromessa