HTML Basic Tags

Lecture 2

 HTML Basic Tags – 

Today we will learn about basic tags of HTML.

As we all know HTML is a tag based language. With different tags, HTML describes the data or text on web page. We already discuss the basic structure of HTML document in Lecture1.

Basic Tags of HTML – 

1.   HTML Heading Tag : <h1> to <h6> describe six heading tags, eg -

2.HTML Paragraph Tag : Paragraph tag is used to describe paragraph in web page. Syntax - <p> Text of Paragraph. </p>. 

Example -

3. HTML Break or br tag: This tag inserts a single line break. Syntax - <br>

 

    Example – 

4.  HTML Formatting Tags: These tags are used to format text style.

List of Different Formatting Tags:
<b>	<b>Bold Text</b>	An example of Bold Text
<big>	<big>Big Text</big>	An example of Big Text
<center>	<center>Center Text</center>	An example of  Center Text
<em>	<em>Emphasized Text</em>	An example of Emphasized Text
<i>	<i>Italic Text</i>	An example of Italic Text
<small>	<small>Small Text</small>	An example of Small Text
<strong>	<strong>Strong Text</strong>	An example of Strong Text
<u>	<u>Underline Text</u>	An example of Underline Text

Example –

 5. HTML Comment Tag: This tag is used to insert comment in source code. This habit increases user readability and understanding. Comments are not visible on web-page in browser. These are only visible in source code.An HTML comment begins with "<!--", ends with "-->".

Example of comment tag -

6. HTML Image Tag: This tag is used to define image in web-page. Syntax - <img src=” ” width=” ” height=” “ />. SRC define the path from which image is extracted or used, width define the width of image and height defines the height of an image.

Example - 

Now, we left with only Link tag, List Tag in our Basic Tag Section. We do these with other Advance Tags in our next Lecture.

Note:  For practice you can use any text editor like notepad, WordPad to create HTML documents, save your documents with .html extension.