Learn HTML Part (3)

Learn Html Part (3)

Hello! Everyone .Dear students beginners and sir/madam .In previous part we learn some html tags and some CSS language .In this part i will also told you some Html tags.

Add headings/Sub headings:

In Html headings are define with <h1>, <h2>, <h3>, <h4>, <h5> and <h6> tags. <h1> is defining the most important heading and <h6> is defining the least important heading .For Example .When you write this input code.

Then output on the webpage is this.

Now let’s learn more some other tags .To do bold the text we use <b> tag and to do underline the text we use <u> tag and to do italic the text we use <i> tag

No.	Html code snippet	Output
1-	<b>This text is bold<b>	This text is bold
2-	<i>This text is italic<i>	This text is italic
3-	<u>This text is underline<u>	This text is underline

 

Let’s learn some types of lists.

Types of Lists

There are three types of lists.

Unordered list

In unordered list, the order of the list items is not important .In other words shuffling of items in an unordered list has no effect. An unordered list is crested inside the <ul> </ul> tags. Each list item is added with <li> </li> tag as shown below.

Html Code snippet	Output
<ul>        <li>Item</li>        <li>Item</li> </ul>	.Item  .Item

 

Ordered list

An order list keeps list item with an order number. If you change the order, the meaning of the whole list may also change. For example if your teacher makes a list of the students with respect to their marks then definitely order will matter.

An order list starts with <ol> and ends with </ol> tag .Each list item is start with <li> tag as shown below.

Html Code snippet	Output
<ol>       <li> first item</li>       <li> second item</li>       <li> third item</li> </ol>	1.first item 2.second item 3.third item

 

Definition List

There is another type of list is called definition list or description list. It is used when you need to show some terms and there description. For example if you want write anything briefly then definition list is help full for you. The <dl> tag is used to define the description list, the <dt> tag specifies the term, and the <dd> tag describe that term as shown in the following example.

HTML code Snippet	Output
<dl>      <dt>Coffe</dt>      <dd>black hot drink</dd>      <dt>Milk</dt>      <dd>white cold drink</dd> </dl>

And in my next part 4 I will teach you more tags and the use of that tags and I will also teach you some CSS tags to make beautiful a website. I also recommended to you that you must read this book which name is Html and CSS web developer

Because through this you will get more knowledge about website making. And you can also learn more CSS and HTML tags. Thank you for your time and also do practice of these codes and don’t forget see my next post and if there is some problem in coding then you can do comment. So I would reply your comment solve your problems.