Hopefully, everyone is good in the endless grace of God Almighty. I do not know how I feel about you. If this work of mine is only useful to your point of view, then my work will be successful. Rate

Before starting today's episode, I'm going to need to talk about something that is not only about reading but also reading it. You must read each article very carefully and must master them using them. And each tag has to be memorized. And just remembering that the tags will not happen, but that's all. To learn how to use them properly, you must practice regularly, otherwise, you will never be able to remember these huge tags. So let's start today's subject matter.

Today we will look at the use of some interesting tags. Let's take a look

- For example formula such as (a + b)2 = a2 + 2ab + b2 , if you want to write, think about how to write. Use the code below to hopefully understand what you have to do.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<title> </title>
</head>
<body>
<p> (a+b)<sup>2</sup>= a<sup>2</sup> + 2ab + b<sup>2</sup></p>
</body>
</html>
<pre>

 

Everyone has already learned how to do this code now. But still again today. Enter the code at a notepad and save it with .html extension. And open the saved file which will be open from the browser. Hope you've got your desired result.

Now let's discuss a new problem. Well, even if the formula hate

(X 1 + X 2) =   is much more complicated, is not it? Let's take a look at this solution too. Use the code below.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<title></title>
</head>
<body>
<p> (X<sub>1</sub>+X<sub>2</sub>)<sup>2</sup>= X<sub>1</sub><sup>2</sup> + 2X<sub>1</sub>X<sub>2</sub> + X<sub>2</sub><sup>2</sup></p>
</body>
</html>
<pre>

Hopefully, the solution is resolved. Today we showed the use of two tags of subscript (<sub> </ sub>) and superscript (<sup> </ sup>) here. But do not copy paste this code to my request to everyone. Practice yourself by typing in your own hands. Because it is easy to understand once, it is as simple as it is to forget, even if you do not write it yourself. And not just that the example we used to do is not to be practised. You can also try anything else using tags.

Now let's get acquainted with something new. In previous episodes, we have seen various types of text formatting. But this is not the end here. To design a beautiful website, we have to give different shapes to the text, to define their different types of colours, to provide directions on where your web page should be located. You will have to think about the many things that will be added to the background of your web page, whether a picture will be added or not. And for this purpose, we have to use different types of attributes with different types of tags. Now the question is what is the attribute? The HTML attribute is a very important issue. Attributes are used to increase the functionality of the HTML tags. Normally the attribute is used by following the format below.

<tag attribute = "value" attribute = "value">

Example - <p style = "font-family: Verdana; color: read font-size: 20px ">

Here you see the example paragraph tag used here. Then the style was used as an extract. And what kind of style will be told in the value field? Now let's go to the code, enter the code below.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title></title>
</head>
<body style="background-color:yellow">
<h1 style="font-family:Verenda"> ABH World IT Academy </h1>
<p style="font-family:Arial; color:red; font-size:18px">ABH World IT academy is a well structured and one of the best IT academies of Bangladesh. </p>
</body>
</html>
<pre>

 

Now the result you will see as a result of this code is that the background colour of your web page is yellow, the paragraph text colour is red and the size of the text is the same as the size used in the code. There is no problem understanding that I'm coming.

Let's make the same code change a little bit and see once again. Suppose you want to see all the text right in the middle of your web page. Change the code a little bit. Add a new text-align: centre inside the body's style attribute. The complete code is given below-

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>Use of Attribute</title>
</head>
<body style="background-color:yellow; text-align:center">
<h1 style="font-family:Verenda"> Heading of a Paragraph </h1>
<p style="font-family:Arial; color:red; font-size:18px">This is a paragraph. Text color of this paragraph is read.</p>
</body>
</html>
<pre>

 

Thanks for reading this whole article. We hope your result will be outstanding So that your family will be delighted. Keep in touch with EduTec BD and we will give you the right information.

For any information, you want to know comment below we will provide you as soon as possible.

Join us on our Facebook Page: EduTec BD

Join us on our Facebook Group:  EduTec BD

2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here