Elementin Käsitteleminen
Nyt kun tiedät, että HTML-elementit käyttävät erilaisia tageja ja voivat sisältää luokkia sekä id-tunnisteita, kuinka 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 tulee klikata vasemmassa yläkulmassa olevaa DevTools-painiketta ja viedä kursori kiinnostavan verkkosivun alueen päälle.
Kun viet hiiren elementin päälle, saat lyhyen yleiskatsauksen. Vasemmanpuoleinen klikkaus elementtiin avaa 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äsitteleminen
Pyyhkäise näyttääksesi valikon
Nyt kun tiedät, että HTML-elementit käyttävät erilaisia tageja ja voivat sisältää luokkia sekä id-tunnisteita, kuinka 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 tulee klikata vasemmassa yläkulmassa olevaa DevTools-painiketta ja viedä kursori kiinnostavan verkkosivun alueen päälle.
Kun viet hiiren elementin päälle, saat lyhyen yleiskatsauksen. Vasemmanpuoleinen klikkaus elementtiin avaa vastaavan kohdan HTML-dokumentissa.
Tehtävä
Siirry seuraavalle sivulle.
Kiitos palautteestasi!
