HTML General Tags
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>General Tags in HTML</title>
</head>
<body>
<header>
This is Header
</header>
Hello World!
<br>This is a line break tag
<br>
<!-- This is a comment tag. The contents inside comments tag will not be displayed in the browser -->
<b> Hello World! in bold text </b>
<br>
<strong>This is strong tag similar to bold tag</strong>
<br>
<i> Hello World! in italic text</i>
<br>
<em>This is emphasis tag similar to italic tag </em>
<br>
<center>Hello World! with center alignment</center>
<br>
<center><b><i> Hello World! nested tags</i></b></center>
<br>
<h1> Heading Tag </h1>
<h1>This is heading tag h1</h1>
<h2>This is heading tag h2</h2>
<h3>This is heading tag h3</h3>
<h4>This is heading tag h4</h4>
<h5>This is heading tag h5</h5>
<h6>This is heading tag h6</h6>
<small>This is small tag</small>
<h1> Ordered List Tag </h1>
<ol>
<li>HTML5</li>
<li>CSS3</li>
<li>Python</li>
<li>MySQL</li>
<li>Django</li>
<li>Java Script</li>
</ol>
<h1> Unordered List Tag</h1>
<ul>
<li>HTML5</li>
<li>CSS3</li>
<li>Python</li>
<li>MySQL</li>
<li>Django</li>
</ul>
<br>
1. HTML5 <br>
2. CSS3 <br>
3. Python <br>
4. MySQL <br>
5. Django
<br>
1. HTML5 <br> 2. CSS3 <br> 3. Python <br> 4. MySQL <br> 5. Django
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>General Tags in HTML</title>
</head>
<body>
<header>
This is Header
</header>
<h1> Paragraph Tag</h1>
<p> HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! </p>
<p> CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced.</p>
<p> MySQL is an open-source relational database management system. Its name is a combination of "My", the name of co-founder Michael Widenius's daughter, and "SQL", the abbreviation for Structured Query Language.</p>
<p>Python is an interpreted, high-level and general-purpose programming language. Created by Guido van Rossum and first released in 1991, Python's design philosophy emphasizes code readability with its notable use of significant whitespace</p>
<br> <br>
HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! <br><br>
CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. <br>
<p> MySQL is an open-source relational database management system. Its name is a combination of "My", the name of co-founder Michael Widenius's daughter, and "SQL", the abbreviation for Structured Query Language.</p>
<p>Python is an interpreted, high-level and general-purpose programming language. Created by Guido van Rossum and first released in 1991, Python's design philosophy emphasizes code readability with its notable use of significant whitespace</p>
<h1> Anchor Tag</h1>
<a href="https://gmail.com" >Send email</a>
Explain about absolute path and relative path
<br>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>General Tags in HTML</title>
</head>
<body>
<header>
This is header!
</header>
<h1>Image Tag</h1>
<img src="images/Buddha.jpg" width="300" height="300" >
<img src="images/Buddha1.jpg" alt="No Image available">
Explain about absolute path and relative path
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQv4MEmbcL17tSZA07ozZ2xNiSskcCWuVNbww&usqp=CAUP">
<h1> Video Tag</h1>
<iframe width="634" height="357" src="https://www.youtube.com/embed/3SDkzDlw1yc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="300" height="200" src="https://www.youtube.com/embed/4e34Zwfc354" frameborder="2" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<footer>
<p> Basava School of learning for Beginners ™ | 2020 </p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<body>
<h1>Let's Learn More...</h1>
<p> My country <mark>India</mark> is highlighted in yellow</p>
<p> Log to the base 10 is represented as log<sub>10</sub></p>
<p> X to the power 3 is represented as X<sup>3</sup></p>
<p> My city name changed to <del>Bombay</del> Mumbai </p>
<p> My basket contain red, <ins> yellow </ins>, green and blue balls</p>
The below is a horizontal rule
<hr>
The below example will show the difference between Paragraph and Pre-formatted:
<br>
This is paragraph:
<p> HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
HTML is easy to learn - You will enjoy it! </p>
This is preformatted:
<pre> HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
HTML is easy to learn - You will enjoy it! </pre>
</body>
</html>