HTML Knowledge for Web Testers

HTML Knowledge for Web Testers, What is HTML?, HTML Tags, Element Locators, Web Application Environment, and Web Tester Job Responsibilities.

Selenium Online Training with Project (by G C Reddy)

HTML Knowledge for Web Testers

Web Application Environment Important Components:

HTML, CSS and JavaScript

HTML, short for Hypertext Markup Language, provides the text, images and links for webpages. HTML consists of elements, which can be located by identifiers. Originally, HTML also had font sizes, colors, spacing and layout embedded in it.

JavaScript is a programming language for creating interactive webpages. Originally, JavaScript had two classic uses. Now, JavaScript can make webpages event-driven. It can create pop-ups, do error-checking for inputs and also perform math without a trip back to the server.

CSS (Cascading Style Sheets) is the language we use to style an HTML document. It describes how HTML elements should be displayed.

What is HTML?

HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications.

Hyper Text: Hyper Text simply means “Text within Text.” A text has a link within it, is a hypertext. HyperText is a way to link two or more web pages (HTML documents) with each other.

Markup language: A markup language is a computer language that is used to apply layout and formatting conventions to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc.

Web Page: A web page is a document which is commonly written in HTML and translated by a web browser. A web page can be identified by entering an URL.

Hence, HTML is a markup language which is used for creating attractive web pages with the help of styling, and which looks in a nice format on a web browser.

An HTML document is made of many HTML tags and each HTML tag contains different content.

What are HTML Elements?

In HTML, an element is a section of an HTML document. Some HTML elements represent visible components on a web page, such as text, images, or buttons, while others denote different sections of the page or provide meta-information about the document.

HTML elements are created with tags. An HTML tag consists of text between angle brackets (<>).

Even though there are well over 100 elements in HTML5, you really only need to know a dozen or two to write HTML effectively.

Important Web or HTML elements:

Browser – A tool (software) to access web pages
Page – It is a document, commonly written in HTML, that is viewed in an Internet browser.
Frame – A section of a Web page.

1. Text Link – Click – It Redirects
2. Image Link – Click – It Redirects
3. Button – Click – It Submits
4. Image Buttons – Click – It Submits
5. Edit Box – Enter a Value – It takes input
6. Text Box – Enter a Value – It takes input
7. Comment Box – Enter a Value – It takes input
8. Image – Visible
9. Drop down box – Select an Item – It Selects the Item
10. List Box – Select One or more items – It selects one or more items
11. Combo Box (Edit Box + Drop down box) – Select an Item or Enter a Value
12. Check Box – Click – It Checks/It Unchecks
13. Radio Button – Click – It Selects
14. Web Table/HTML Table – It displays the data in tabular format
15. Text/Error Message/Hep Message/Content – It Displays

Arrangements:

Mouse Over
Date Picker
Calendar
Inline Elements

Important Web or HTML Element Locators

1. id()
2. name()
3. className()
4. tagName()
5. linkText()
6. partialLinkText()
7.cssSelector()
8. xpath()

Important HTML Tags

HTML tags are like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content.

1. <!–…–> – Defines a HTML comment

2. <!DOCTYPE> – Defines the document type

3. <a> – Defines a hyperlink

4. <article> – Defines an article

5. <audio> – Defines embedded sound content

6. <b> – Defines bold text

7. <body> – Defines the document’s body

8. <br> – Defines a single line break

9. <button> – Defines a clickable button

10. <code> – Defines a piece of computer code

11. <data> – Adds a machine-readable translation of a given content

12. <div> – Defines a section in a document

13. <embed> – Defines a container for an external application

14. <form> – Defines an HTML form for user input

15. <h1> to <h6> – Defines HTML headings

16. <head> – Contains metadata/information for the document

17. <header> – Defines a header for a document or section

18. <html> – Defines the root of an HTML document

19. <iframe> – Defines an inline frame

20. <img> – Defines an image

21. <input> – Defines an input control

22. <label> – Defines a label for an <input> element

23. <li> – Defines a list item

24. <meta> – Defines metadata about an HTML document

25. <ol> – Defines an ordered list

26. <p> – Defines a paragraph

27. <script> – Defines a client-side script

28. <section> – Defines a section in a document

29. <select> – Defines a drop-down list

30. <small> – Defines smaller text

31. <source> – Defines multiple media resources for media elements (<video> and <audio>)

32. <span> – Defines a section in a document

33. <strong> – Defines important text

34. <table> – Defines a table

35. <td> – Defines a cell in a table

36. <time> – Defines a specific time (or datetime)

37. <title> – Defines a title for the document

38. <tr> – Defines a row in a table

39. <ul> – Defines an unordered list

40. <var> – Defines a variable

41. <video> – Defines embedded video content

Web Application Environment

Browser – Tool for accessing Web applications

HTML – Web page design

XML – Data Transporter

Flash – For Enhancing the Web UI

JavaScript – Client-side validation – Client side script Ex: JavaScript

VBScript – Server-side validation (Server-side Scripting)

PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.

Java / C#.Net – Programming – EDP (Electronic Data Processing)

Tomcat – Web Server

ASP/JSP – Container

WebLogic/JBoss/WebSphere – Application Server

Oracle/MS SQL Server/MySQL – Database Server


Software Testing Tutorials (Manual Testing, Selenium, UFT/QTP, JMeter, Java, Python, VBScript, and SQL)

1. Manual Testing Tutorial (Document/Text)

Manual Testing Material PDF Download

Manual Testing Tutorial (Video)

ISTQB Certification Dumps

2. Selenium Tutorial (Document/Text)

Selenium Training Videos and Class Notes PDF

Selenium Tutorial (Video)

3. UFT/QTP Tutorial (Document/Text)

UFT/QTP Tutorial (Video)

4. Apache JMeter Tutorial (Document/Text)

Apache JMeter Tutorial (Video)

5. SQL Tutorial (Document/Text)

SQL Step by Step Tutorial – Full Course for Beginners (Video)

6. Java Tutorial (Document/Text)

Java Tutorial (Video)

7. Python Tutorial (Document/Text)

Python Tutorial (Video)

Python Training Videos

8. VBScript Tutorial (Document/Text)

VBScript Tutorial (Videos)

Follow me on social media: