HTML Basic Tags
In this tutorial, we will learn the followings;
- Buttons in HTML
- Paragraphs in HTML
- Lists in HTML
- Links in HTML
- Images in HTML.php
- Headings in HTML
- Documents in HTML
Buttons in HTML
<button> tag is used for creaing the buttons in HTML.
|
1 |
<button>Enter</button> |
| <html> <h1>Welcome To T4-Tutorials</h1> <h2>Button:</h2> <button>Enter</button> </body> |
Paragraphs in HTML
<p> tag is used for creaing the paragraph in HTML.
|
1 |
<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> |
Lists in HTML
<li> is used for creating the list.
<ul> is used for creating unordered list.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<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.
|
1 |
<a href="https://t4tutorials.com/css-tutorials/">CSS</a> |
Images in HTML
<img src=” “> is used for setting the image with web page.
|
1 |
<img src="logo.jpg" alt="logo" width="300" height="100"> |
Headings in HTML
h1, h2, h3, h4, h5, and h6 are styles of heading.
|
1 2 3 4 5 6 |
<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>
|
1 |
<!DOCTYPE html> |
| <!DOCTYPE html>
<html> <h1>Welcome To T4-Tutorials:</h1> <h2>HTML</h2> <p>Thanks For Your Love For T4-Tutorials</p> </body> |