EC-203

LAB 4
● As you see here that all the text are in written in one complete
line, but you can change it by using <br> [break tag. Its a empty
tag] or <p> [paragraph tag. It's a container tag].
● You need to use it just where you want to break the line ( <br> )
or from where you want to start a new paragraph ( <p> ).
● After you use <br> tag or <p> tag you will see the output like
this
GIVE MORE BEAUTY to YOUR TEXT
Now you have learned how to assign size, color, face to your text in web pages. Now
let us learn how to make text look BOLD, italic and underlined!

● To make text look BOLD in your web pages use <b> tag.
● It's a container tag so you need to close it every time you open it.
● Example of <b> tag:-

<b>You are learning Web Designing</b>

 ● To make text look Italic in your Web pages use <i> tag.
● It's also a container tag so you need to close it every time you open it.
● Example of <i> tag:-

<i>You are learning Web Designing</i>

● To make text look underlined, you have to use <u> tag.

● It’s also a container tag.

Example of <u> tag:-

<u>You are learning Web Designing</u>

Things to Remember

While using two or more container tags on text, you should take very care while
closing those tags. Suppose you opened <font> tag for a text before <b> tag then you
should close that <b> tag first then <font> tag.

If the opening pattern of tags are like this --- any tag A > any tag B > any tag C then
the closing pattern of tags should be like this --- any tag A < any tag B < any tag C
Suppose here is the code

<font><b><i>You are learning Web Designing</i></b></font>

as you can see the closing pattern of tags is just opposite of the opening pattern of the
tags
ADDING HEADINGS
There are six levels of heading in HTML. These are -

1. <h1> </h1> -- the biggest

2. <h2> </h2>
3. <h3> </h3>
4. <h4> </h4>
5. <h5> </h5>
6. <h6> </h6> -- the smallest
This is how you will use the heading tags in your web page -

<h1> example of heading </h1>

<h2> example of heading </h2>

<h3> example of heading </h3>

<h4> example of heading </h4>

write similar to his upto <h6> and you can even use font , bold, italic, underline tags
to customize it more.
WHAT YOU HAVE LEARNED SO FAR!

You learned the following things:-

1. Basic structure of web page

2. what are container and non-container tags.
3. How to add text, background color and title to you web page
4. How to make your text more customized using bold, italic, underline and
heading tags and some attributes.
5. What should be the closing pattern of tags.