Elementin Käsittely
Nyt kun tiedät, että HTML-elementit käyttävät erilaisia tageja ja voivat sisältää luokkia ja id-tunnisteita, miten voit selvittää tietyn verkkosivun elementin tag/class/id-tiedot?
Koska tunnet DevTools-työkalun, voit helposti siirtyä haluamaasi kohtaan HTML:ssä, jossa kyseinen elementti sijaitsee. Esimerkiksi Chrome-selaimessa sinun tulee klikata vasemman yläkulman painiketta DevTools-ikkunassa ja viedä kursori verkkosivun alueelle, joka kiinnostaa sinua.
Kun viet hiiren elementin päälle, saat lyhyen yleiskatsauksen. Vasemmanpuoleinen klikkaus elementtiin paljastaa vastaavan kohdan HTML-dokumentissa.
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 open DevTools in my browser?
Can you explain how to identify the tag, class, or id of an element once I have DevTools open?
What should I look for in the HTML to find the class or id of a specific element?
Awesome!
Completion rate improved to 4.35Elementin Käsittely
Pyyhkäise näyttääksesi valikon
Nyt kun tiedät, että HTML-elementit käyttävät erilaisia tageja ja voivat sisältää luokkia ja id-tunnisteita, miten voit selvittää tietyn verkkosivun elementin tag/class/id-tiedot?
Koska tunnet DevTools-työkalun, voit helposti siirtyä haluamaasi kohtaan HTML:ssä, jossa kyseinen elementti sijaitsee. Esimerkiksi Chrome-selaimessa sinun tulee klikata vasemman yläkulman painiketta DevTools-ikkunassa ja viedä kursori verkkosivun alueelle, joka kiinnostaa sinua.
Kun viet hiiren elementin päälle, saat lyhyen yleiskatsauksen. Vasemmanpuoleinen klikkaus elementtiin paljastaa vastaavan kohdan HTML-dokumentissa.
Tehtävä
Siirry seuraavalle sivulle.
Kiitos palautteestasi!
