Arpan Tiwari's Blog

Lists and Interlinking...

list and interlinking the web pages..

Arpan Tiwari's photo
Arpan Tiwari
·

3 min read

Lists and Interlinking...

Hello, This is Arpan Tiwari presenting another concept of web development in front of you all. First of all I have completed this lecture with Anurag sir and this snippet include about the types of list as well as how to interlinks the web pages.. and so on..

First of all list are basically used to represent the data's .. It can be ordered , unordered or description list as well.. The use of ordered list is very important when you are making any project or ppt for your presentation as well.. We use ol tag for ordered list and then make required number of list of items inside the ol (ordered list) tag..

<ol>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
        <li>Five</li>
    </ol>

There are different types of ordered list like making list using natural number , roman number, or using alphabet, using upper case roman number and so on.. They always follow the orders in which they arranged.. That's why they are called ordered list.. This way we can show the ordered list on output web page..

 <ol>
        <li type="i">One</li>
        <li type="i">Two</li>
        <li type="I">Three</li>
        <li type="a">Four</li>
        <li type="A">Five</li>
    </ol>

Second one is unordered list they are also used to represent the data items but they do not follow the ordered i.e. data can be arranged randomly..

  <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
        <li>four</li>
        <li>five</li>
    </ul>

These are also different types like making unordered list using squares, circles, disc, none etc..

 <ul>
        <li type="circle">one</li>
        <li type="disc">two</li>
        <li type="square">three</li>
        <li type="none">four</li>
        <li>five</li>
    </ul>

Another list is description list the question is when we use this type of list ? When we are making a list in which we have to give some information or idea about data we can use this list.. In description list we use different types of tags like as everything is written inside the description list tag (dl) , data is written inside the description term tag (dt) , and other one is description data tag stores information about the description term..

<dl>
        <dt>Iphone 14 pro max</dt>
        <dd>This phone contain A13 Bionic Chip</dd>
       <dd>This phone has an outstanding Camera quality</dd>
       <dt>Iphone 13 pro max</dt>
       <dd>This phone has 24GB RAM Storage</dd>
       <dd>This phone contain A13 Bionic Chip</dd>
       <dt>Iphone 12 pro max</dt>
       <dd>This phone has A12 Bionic Chip</dd>
       <dd>This phone has an outstanding Camera quality</dd>
    </dl>

Last thing is to interlinking the web pages using anchor tag... Suppose you make a website and if anyone open it and want to connect with you then you can add the option like Mail me or you can also provide the pdf related to the website and option to download it, these can be done by using anchor tag or interlinking process. You can target attribute to anchor tag that helps in open you web page in another tab.. This is shows as follows..

<body>
    <!-- Interlinking means adding trrhe two webpages for this we use anchor tag 'a' and press tab-->
    <a href="https://www.google.com/" target="_blank">Google</a>
    <!-- Opening in another tab we use target=_blank..-->
    <a href="Web6.5.html" target="_blank">same website</a>
    <a href="mailto:arti381@gmail.com">Mail me</a>
    <a href="Web6.5.html" download>Download</a>
</body>

So this was all about the given snippet and I hope this will helpful for you ..

Thank you..

#listandanchortag