How are you all, I hope you are well and with EduTecBD. Let’s start by saying not to talk today’s episode. Today we will learn two topics together, and it will be Hollow HTML List and HTML Links. HTML generally supports three types of listings. These are the order list, unordered list and definition list. The used tags are <ol> (used for the order list), <ul> (used for the unordered list), <li> (used for list items) <dl> (for definition list Is used). We usually see a lot of pages on a website, when we click on a place, we move from one page to another. This is done using the link tag (<a>). In the beginning, we said today we will learn two things together. So keep working continuously. Take a notepad at the beginning and type the following code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<title>Page Of Ordered List </title>
</head>
<body>
<h2> This is an Orderedlist </h2>
<ol>
<li>Monitor</li>
<li>CPU</li>
<li>Keyboard</li>
<li>Mouse</li>
</ol>
<a href="unorderedlist.html"> Show Me Unorderer List</a>
</body>
</html>
<pre>

Save it with the commandlist.html name. Now pay attention to the code. A heading has been used at the beginning. Then, using <ol> tags indicates that it will be an order list. Next, <li> List items have been referenced in the tag. And lastly, a link tag has been added, where we pointed out this file unorderedlist.html at the href attribute, which has not yet been created.

Take a more notepad and type the following code in it:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<title>Page of Unordered List</title>
</head>
<body>
<h2> This is an Unorderedlist </h2>
<ul>
<li>Monitor</li>
<li>CPU</li>
<li>Keyboard</li>
<li>Mouse</li>
</ul>
<a href="orderedlist.html"> Show Me Orderer List</a>
</body>
</html>
<pre>

 

Now save it with the unorderedlist.html name. This code is similar to the previous code, here only the <ul> tag has been used instead of <ol> tags. And in the link, we ordered index.html this file. Now keep an eye on the fact that two files are saved in the same folder. Now open one of the two files. You will see a link on your web page that lets you easily open another page using that link. The new page will also get a link. By using which you can return to the previous page again. You can also add another link inside the href attribute. Where you click, you can go to that page. You also try to do something manually by changing the code in more ways. One more thing to say repeatedly is that it can not be taught only by learning the tutorial. You must type in yourself by practising each subject.

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

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here