HTML BASIC

As we all know that, HTML document must be start with a document type declaration: <!DOCTYPE html>. The document itself start with <html> and ends with </html>.
Note: The visible part of the HTML document is between <body> and </body> , as we already discussed in HTML introduction.

HTML Headings

HTML headings are defined with the <h1> to <h6> tags. Here <h1> defines the most important heading and <h6> defines the least important heading.

For Example:

<!DOCTYPE html>
<html>
<body>
<h1>This is Aware Hacker 1</h1>
<h2>This is Aware Hacker 2</h2>
<h3>This is Aware Hacker 3</h3>
<h4>This is Aware Hacker 4</h4>
<h5>This is Aware Hacker 5</h5>
<h6>This is Aware Hacker 6</h6>
</body>
</html>
The output is like this:

HTML Paragraphs

HTML paragraphs are defines as <p>  and </p> . i.e. <p>This is a paragraph.</p> 

For Example: 
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Links

Links are denotes as <a and </a> 

For Example:
<!DOCTYPE html>
<html>
<body>
<h3>This is Aware Hacker Facebook Link </h3>


<a href="http://www.facebook.com/awarehacker"> Click Here</a>
</body>
</html>

Note: Here href is link's destination attribute. This is use to provide additional information about the HTML element.

HTML Images

In HTML images are defined with the <img> tag. The source file (src), alternative text (alt), width, and height are provided as attributes.


<img src="imagename.jpg" alt="Imagedestination" width="104" height="142">

HTML Button Tags

Buttons are defined with  <button> and </button>

For Example:
<!DOCTYPE html>
<html>
<body>
<button>Click Here</button> 


</body>
</html>

HTML List Tags

lists are defined with the <ul> (bullet list) or the <ol> (numbered list) tag, followed by <li> tags.

For Example:
In Bullet form:
<ul>
  <li>Youtube</li>
  <li>Facebook</li>
  <li>Twitter</li>
</ul>

and in Number form:

<ol>
  <li>Youtube</li>
  <li>facebbok</li>
  <li>Twitter</li>
</ol>


HTML Elements

Post a Comment

0 Comments