Sivujen Tarkastelu
Miten vuorovaikutamme verkkosivuston kanssa? Voimmeko tarkastella sen HTML-rakennetta? Vastaus on kyllä. Useimmat selaimet tarjoavat ominaisuuksia, joiden avulla voit tutkia minkä tahansa vierailemasi verkkosivun rakennetta. Voit jopa tehdä sivulle väliaikaisia muutoksia, mutta nämä muutokset näkyvät vain sinulle. Tätä työkalukokonaisuutta kutsutaan yleisesti 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 sivulla mitä tahansa kohtaa 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 vuorovaikutamme verkkosivuston kanssa? Voimmeko tarkastella sen HTML-rakennetta? Vastaus on kyllä. Useimmat selaimet tarjoavat ominaisuuksia, joiden avulla voit tutkia minkä tahansa vierailemasi verkkosivun rakennetta. Voit jopa tehdä sivulle väliaikaisia muutoksia, mutta nämä muutokset näkyvät vain sinulle. Tätä työkalukokonaisuutta kutsutaan yleisesti 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 sivulla mitä tahansa kohtaa hiiren oikealla ja valitse Tarkastele-painike. Nyt voit tutkia verkkosivun rakennetta ja tehdä haluamiasi muutoksia.
Tehtävä
Siirry seuraavalle sivulle.
Kiitos palautteestasi!
