Accessing an Element
Now that you're aware that HTML elements utilize various tags and may incorporate classes and ids, how can you determine the tag/class/id of a specific webpage element?
Since you're acquainted with DevTools, you can easily navigate to a specific position containing the desired element in the HTML. For example, in the Chrome browser, you should left-click on the top-left button of DevTools and then hover your cursor over the area of the webpage that piques your interest.
As you hover over an element, you'll receive a brief overview. A left-click on the element will unveil the corresponding section within the HTML document.
Task
Head to the following page.
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
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.35Accessing an Element
Swipe to show menu
Now that you're aware that HTML elements utilize various tags and may incorporate classes and ids, how can you determine the tag/class/id of a specific webpage element?
Since you're acquainted with DevTools, you can easily navigate to a specific position containing the desired element in the HTML. For example, in the Chrome browser, you should left-click on the top-left button of DevTools and then hover your cursor over the area of the webpage that piques your interest.
As you hover over an element, you'll receive a brief overview. A left-click on the element will unveil the corresponding section within the HTML document.
Task
Head to the following page.
Thanks for your feedback!
