<!DOCTYPE html> specifies the HTML5 document type and must be the first line in an HTML document.
"lang" specifies the language of the document
"head" tag contains documents behaviour tags
If we want to mention our website name in the tab then we use the "title" tag
"Body" tag contains the visible content of the document, such as text, images
<!DOCTYPE html>
<html lang="en">
<head>
<title>First program</title>
</head>
<body>Hello World!</body>
</html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="discription" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta http-equiv="refresh" content="0; url=https://www.freshworks.com/ ">
</head>
The h1 to h6 tags are used to define HTML headings. h1 defines the most important heading.
<h1>h1 Example size 2em</h1>
<h2>h2 Example size 1.5em</h2>
<h3>h3 Example size 1.17em</h3>
<h4>h4 Example size 1em</h4>
<h5>h5 Example size 0.8em</h5>
<h6>h6 Example size 0.7em</h6>
HTML links are clickable elements that allow users to navigate between web pages and different sections of the same page.
<a href="https://teentechy.com/">Tamil Techy</a>
The <audio> element is used to embed audio content into a web page.
<audio controls><source src="" type="audio/mp3"></audio>
Bold tag -
<b></b>
- To bold the text
<b>bold</b>
Strong tag -
<strong></strong>
- Important text
<strong>Title</strong>
i tag -
<i></i>
- Italic text
<i>italic</i>
break tag -
<br>
- To break
the content
<h1>Hello world</h1><br>
The Button tag defines a clickable button
<button type="button">Click Me!</button>
The header element represents a container for introductory content or a set of navigational links
<header><h3>Main page heading here</h3></header>
The iframe tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document.
<iframe width="560" height="315" src="https://www.youtube.com/embe/5dJmua4ykdA">
</iframe>
<img src="./html.png" width="560" height="315">
The nav tag defines a set of navigation links.
<nav></nav>
The p tag defines a paragraph. Browsers automatically add a single blank line before and after each
<p></p>
The section tag defines a section in a document.
<section>
<h1>section 1</h1>
<p>tag defines a section in a document.<p/>
</section>
<section>
<h1>section 2</h1>
<p>tag defines a section in a document.<p/>
</section>
tag defines a section in a document.
tag defines a section in a document.
The video tag is used to embed video content in a document, such as a movie clip or other video streams
<video width="320" height="240" controls><source src="" type="video/mp4"></video>
The ol tag defines an ordered list. An ordered list can be numerical or alphabetical.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
The ul tag defines an unordered (bulleted) list
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
The table tag defines an HTML table
<table>
<caption>Save Money</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Month | Savings | Savings |
---|---|---|
January | $100 | $100 |
The form tag is used to create an HTML form for user input.
<form></form>
The lable tag defines a label for many form elements
<lable></lable>
The input tag specifies an input field where the user can enter data.
<input type="text">
<input type="radio">
<input type="checkbox">
<input type="date">
<input type="password">
<input type="tel">
<input type="number">
<input type="range">
<input type="reset">
<input type="seach">
<input type="datetime-local">
<input type="submit">
<input type="email">
<input type="color">
<input type="file">
<input type="button">
input type text
input type radio
input type checkbox
input type date
input type password
input type tel
input type number
input type range
input type reset
input type search
input type datetime-local
input type submit
input type email
input type color
input type file
input type button
The select element is used to create a drop-down list.
<select>
<option value="Coffee">Coffee</option>
<option value="Milk">Milk</option>
</select>