Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

HTML Basic Tags

HTML Basic Tags

In this tutorial, we will learn the followings;

  1. Buttons in HTML
  2. Paragraphs in HTML
  3. Lists in HTML
  4. Links in HTML
  5. Images in HTML.php
  6. Headings in HTML
  7. Documents in HTML

Buttons in HTML

<button> tag is used for creaing the buttons in HTML.

<button>Enter</button>
<html>
<body>

<h1>Welcome To T4-Tutorials</h1>

<h2>Button:</h2>

<button>Enter</button>

</body>
</html>

Paragraphs in HTML

<p> tag is used for creaing the paragraph in HTML.

<p>Thanks For Your Love For T4-Tutorials...</p>
<html>
<body>

<h1>Paragraph:</h1>

<p><b>Welcome To T4-Tutorials </b></p>

<p>Thanks For Your Love For T4-Tutorials…</p>

</body>
</html>

Lists in HTML

<li>  is used for creating the list.

<ul> is used for creating unordered list.

<ul>
  <li>Robert</li>
  <li>James</li>
  <li>Brown</li>
</ul>  

<h2>An Ordered Students List</h2>

<ol>
  <li>Robert</li>
  <li>James</li>
  <li>Brown</li>
</ol>

Links in HTML

<a href=””> is used creating the hyperlinks to link one page with another page.

<a href="https://t4tutorials.com/css-tutorials/">CSS</a>

Images in HTML

<img src=” “> is used for setting the image with web page.

<img src="logo.jpg" alt="logo" width="300" height="100">

Headings in HTML

h1, h2, h3, h4, h5, and h6 are styles of heading.

<h1>Headings:</h1>
<h2>Welcome To T4-Tutorials</h2>
<h3>T4-Tutorials</h3>
<h4>T4-Tutorials</h4>
<h5>T4-Tutorials</h5>
<h6>T4-Tutorials</h6>

Documents in HTML

<!DOCTYPE html> is used for declaring that the current doucment is the HTML document.

  • Starting of HTML must be with <html> tag.
  • Ending of HTML must be with </html> tag.

If we want to show something on our web page, then we must put in between the body tags.
The body can be started with <body > and can be end with </body>

<!DOCTYPE html>
<!DOCTYPE html>

<html>
<body>

<h1>Welcome To T4-Tutorials:</h1>

<h2>HTML</h2>

<p>Thanks For Your Love For T4-Tutorials</p>

</body>
</html>

Fazal Rehman Shamil Click Here to Know More
Instructor, Researcher, Blogger, SEO Expert, Poet and Publisher of International Journal Of Software, Technology & Science ISSN : 2616 - 5325
Dear Professors and Resarchers!You are welome to Cite these tutorials in your research or slides etc. Please don't forget to mention the reference of website. Copy Paste of text is strcitly forbidden. Images can be reuse because images are protected with watermark.