HTML : 01 - HTML for Selenium (Part 1) – What is HTML (Introduction)?

 

HTML for Selenium (Part 1) – What is HTML (Introduction)?

Basics of HTML are required for understanding the below upcoming topics in this Selenium Tutorial series:

  • > Selenium IDE
  • > Locators

We don’t have to learn the complete HTML for Selenium, instead we should only learn the HTML basics that are required for Selenium.

I am going to explain all the HTML basics that are required for Selenium in this tutorial series.

What is HTML?

HTML stands for Hyper Text Markup Language.

HTML is a language, who’s purpose is to create the Web Pages.

View the HTML Source code of the entire page:

To make you clear that HTML language is used to create web pages, I am going to show you the HTML Source code behind the creation of web pages.

Follow the below steps to view the HTML Source code of any page:

1) Open any web page say www.tutorailsninja.com/demo in any browser say Chrome

HTML for Selenium - PageSource1

 

2)  Right click on any blank area on the web page and select ‘View Page Source’ from the displayed contextual menu.

HTML for Selenium - PageSource2

 

3) Observe that all the HTML code used for creating the page by its developer will be displayed as shown below:

HTML for Selenium -PageSource3

 

View the HTML Source Code of a particular UI element on the page

Follow the below steps to view the HTML Source code of a particular UI element on the page:

1) Open any web page say http://tutorialsninja.com/demo/index.php?route=account/login  in any browser say Chrome

HTML for Selenium - LoginPage12) Right click on any UI element on the page say ‘Login’ button and select ‘Inspect’ option from the contextual menu

HTML for Selenium - LoginPage2

 

 

 

 

 

 

 

 

3) Observe that the HTML Source code specific to the selected UI element will be displayed as shown below:

HTML for Selenium - LoginPage3

Understanding HTML basics for Selenium

As you have now understood what an HTML is and its role in creating Web Pages, I will explain more HTML concepts that are required for learning in the upcoming posts.

Comments

Post a Comment

Popular posts from this blog

10 automation test cases for https://www.saucedemo.com/ (Sauce Demo)

 Here are 10 automation test cases for https://www.saucedemo.com/ (Sauce Demo), each with detailed steps and expected results . These are designed to simulate realistic user scenarios and we would be implemented using tools like Selenium, Cypress, or Playwright later. 🔹 Test Case 1: Valid Login Objective : Verify successful login with valid credentials. Steps : Navigate to https://www.saucedemo.com/ Enter Username : standard_user Enter Password : secret_sauce Click the Login button Expected Result : User is redirected to the inventory page ( /inventory.html ) with a list of products displayed. 🔹 Test Case 2: Invalid Login Objective : Validate error handling with incorrect credentials. Steps : Navigate to the login page Enter Username : invalid_user Enter Password : wrong_password Click the Login button Expected Result : Error message displayed: "Epic sadface: Username and password do not match any user in this service...
Read more

Java Roadmap for SDET Superstars!

Image
Java Roadmap for SDET Superstars! Your ultimate journey to mastering Java for test automation! Step 1: Java Basics – The Foundation Learn the grammar of Java 📚✨ 🧮 Variables & Data Types (int, float, boolean) ➕ Operators (+, -, *, /, %) 🔁 Loops (for, while, do-while) 🧠 Conditions (if-else, switch) 📦 Arrays & Strings Step 2: OOP – Think Like a Developer Become a Java ninja with Object-Oriented Programming 🐱‍👤⚔️ 🧱 Classes & Objects 🏗️ Constructors 👪 Inheritance 🎭 Polymorphism 🧬 Abstraction & Interfaces 🔐 Encapsulation Step 3: Exception Handling – Be Ready for Chaos Handle the unexpected like a pro! 🧨⚠️ try , catch , finally throw and throws 🚨 Custom Exceptions Step 4: Collections – Organize Like a Boss Work with lists, maps & sets like a data wizard 📦🪄 🗃️ List, Set, Map 🌀 ArrayList, HashMap, HashSet 🔁 Iteration (for-each, iterator) 🧠 Sorting & Filtering Step 5: Java 8+ – Modern & Cool Features Lev...
Read more

Mastering XPath in Selenium 4 🚀 – Supported Functions & Axes Explained

 Absolutely! Here's a complete list of XPath functions and axes supported by Selenium 4 (which uses XPath 1.0), with descriptions and examples . 🟢 XPath Features Supported by Selenium 4 🧭 ALL XPath Axes (13 Total) Axis Name Description ancestor:: All ancestors (parent, grandparent, etc.) of the current node ancestor-or-self:: All ancestors + the current node attribute:: All attributes of the current node (usually @attribute shorthand is used) child:: All direct children of the current node descendant:: All descendants (children, grandchildren, etc.) of the current node descendant-or-self:: All descendants + the current node following:: All nodes after the current node in the document following-sibling:: All sibling nodes after the current one namespace:: All namespace nodes of the current node (rarely used in HTML) parent:: Immediate parent of the current node preceding:: All nodes that come before the current node prece...
Read more