HTML Terminology | Bondar Academy

Lesson Summary

In this lesson, we begin a new section on Locators and Assertions in Playwright, focusing on how to effectively locate web elements on a webpage. Key Concepts Playwright Toolset: A robust set of tools to automatically locate web elements. Custom Web Elements: Understanding how to build and adjust web elements for stability. HTML Basics: Familiarity with HTML terminology is essential for effective element location. HTML Terminology HTML Tag: Starts and ends with angle braces (e.g., <input> ). HTML Attributes: Characteristics of HTML tags, which may or may not have values (e.g., placeholder="email" ). Parent and Child Elements: Elements above are parent elements, while those below are child elements. Sibling elements are at the same level. Understanding the DOM The Document Object Model (DOM) consists of: HTML tags and attributes Attribute values Class and ID as attribute names HTML tags typically come in pairs, with closing tags marked by a forward slash (e.g., </tag> ). The text between angle braces is considered HTML text . Element Relationships Elements above the anchor element are considered parent elements . Elements inside the anchor are child elements . Elements at the same level are sibling elements . Understanding these terms is crucial for navigating and asserting elements effectively in Playwright. In the next lesson, we will explore how to work with text and properties in more detail.