2. Introduction
• Hyper Text Markup Language, or HTML is the markup
language used to create Web pages
• Defines the content of the page by using a special
markup
• All web applications and web pages are created using
HTML
• Latest version is HTML 5
3. Introduction
• HTML files are saved in .html or .htm files
• Can be written in using a text editor
• Any standard web browser can interpret HTML and
display the content
4. Tags
• The essence of HTML is tags
• A tag is a keyword enclosed by angle brackets
− Example: <p>
• There are opening and closing tags
− The affected text is between the two tags
− Example: <p>Hello</p>
5. Tags
• Whenever you have HTML tags within other HTML tags,
you must close the nearest tag first
• Example:
<p> <b>Bold text</b> </p>
6. Structure of a Web Page
• All Web pages share a common structure
• All Web pages should contain a pair of
− <html>
− <head>
− <title>
− <body> tags
7. Structure of a Web Page
<html>
<head>
<title> Let’s learn HTML </title>
</head>
<body>
content of the web page
</body>
</html>
8. Structure of a Web Page
• Head
− Appears before the body element
− Contains information about the page
− Does not appear in the browser window
• Title
− Defines the title of the HTML page
• Body
− All the visual content of the page should be within the body
9. Formatting
• <b> Bold text </b>
• <i> Italics </i>
• <u> underline </u>
• <p> new paragraph </p>
• <br> next line
11. Images
<img src="path/to/image.jpg" />
• src is an attribute of img tag
− Should be a URL of an image
• The width and height attributes can be used to adjust
the size of an image
<img src="image.jpg" width="100" height="50"/>
12. Forms
• An HTML form is an area of the document that allows
users to enter information into fields
• A form may be used to collect personal information,
user preferences and other kinds of information
• A programming language script would be required to
process the information
14. Forms
• Elements of a form should be surrounded by a <form> tag
• Text input:
<input type="text" />
• Number input:
<input type="number" />
• Button:
<button>Click here</button>
15. Other Tags
Refer internet for the documentations of all available
HTML tags
• https://www.w3schools.com/html/default.asp
• https://htmldog.com/guides/html/