Sivujen Tarkastelu
Miten vuorovaikutat verkkosivuston kanssa? Voitko tarkastella sen HTML-rakennetta? Kyllä, voit. Useimmissa selaimissa on työkalut, joiden avulla voit tarkastella minkä tahansa vierailemasi verkkosivun rakennetta. Voit myös tehdä väliaikaisia muutoksia, mutta ne näkyvät vain sinulle. Tätä työkalukokonaisuutta kutsutaan nimellä DevTools.
DevTools-työkalujen avaamiseksi Chrome-selaimessa napsauta hiiren oikealla painikkeella mitä tahansa sivun kohtaa ja valitse avautuvasta valikosta Tarkastele. Esimerkiksi avaa testisivu. Napsauta mitä tahansa kohtaa sivulla hiiren oikealla ja valitse Tarkastele-painike. Nyt voit tutkia verkkosivun rakennetta ja tehdä haluamiasi muutoksia.
Tehtävä
Siirry seuraavalle sivulle.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
How do I use DevTools to inspect the HTML structure on the page?
Can I make changes to the webpage using DevTools?
What should I look for when examining the webpage structure?
Awesome!
Completion rate improved to 4.35Sivujen Tarkastelu
Pyyhkäise näyttääksesi valikon
Miten vuorovaikutat verkkosivuston kanssa? Voitko tarkastella sen HTML-rakennetta? Kyllä, voit. Useimmissa selaimissa on työkalut, joiden avulla voit tarkastella minkä tahansa vierailemasi verkkosivun rakennetta. Voit myös tehdä väliaikaisia muutoksia, mutta ne näkyvät vain sinulle. Tätä työkalukokonaisuutta kutsutaan nimellä DevTools.
DevTools-työkalujen avaamiseksi Chrome-selaimessa napsauta hiiren oikealla painikkeella mitä tahansa sivun kohtaa ja valitse avautuvasta valikosta Tarkastele. Esimerkiksi avaa testisivu. Napsauta mitä tahansa kohtaa sivulla hiiren oikealla ja valitse Tarkastele-painike. Nyt voit tutkia verkkosivun rakennetta ja tehdä haluamiasi muutoksia.
Tehtävä
Siirry seuraavalle sivulle.
Kiitos palautteestasi!
