HTML is the language for creating web pages. HTML describes the structure and formatting of page content and thus tells the web browser how to display the page content.
HTML stands for Hyper Text Mark-up Language. A mark-up is like a label or tag attached to a piece of content that tells if "it is a paragraph", "it is a link", "it is a heading" etc.
<p>This is a paragraph</p>
<li>This is a list item</li>
<h1>This is a heading</h1>
A mark-up is written within angled brackets around the targeted content as below:
<start>Sample text</end>
<html>To describe an HTML document</html>
<head>The head section of a page with link, title etc</head>
<body>The body of the page with the content</body>
<title>HTML page title displayed in browser tab and search results</title>
<link>To link external files such as css, icon-pack etc.
<meta>Page metadata
<h1>Main heading</h1>
<h2>Sub heading</h2>
<h3>Sub sub heading</h3>
<p>Paragraph</p>
<span>A certain length of paragraph</span>
<a>Anchor connecting to another page or element</a>
<div>A container for grouping elements</div>
<section>A container larger than div used for grouping div</section>
<form>An HTML form to collect data</form>
<label>A label or heading for succeeding element</label>
<input>An HTML form input field for writing a line of data</input>
<textarea>An HTML form field to collect multiple lines of data</textarea>
<button>A clickable button for some action</button>
<table>An HTML table structure</table>
<tr>Table row</tr>
<th>Table heading or data in the first row</th>
<td>Table data in any row</td>
<ul>unordered list</ul>
<ol>Ordered or numbered list</ol>
<li>List item or bullet points</li>
<strong>Bold</strong>
<em>Emphasise or italic</em>
<img>An image object
<br>break line or newline
Note: Some mark-ups like "img" and "br" does not require an ending mark-up.
Exercise 1: Create an HTML as below:
