Design HTML ol li automatic sorting item list with hyperlink effect

  The HTML ol li item list provides the function of automatically sorting the numbers at the beginning of the items, that is, when we have many items to be listed as a list, and we hope that each item has a number in front of it, starting from 1 and then 2, 3 , 4 analogy, you can use the HTML ol li list of items, but it is not good enough to sort by numbers. Sometimes we hope that each item or individual item can become a hyperlink for netizens to choose. Which item will be more flexible? This article will teach you how to design an HTML ol li automatic sorting item list with hyperlink effects .

Example of designing HTML ol li automatic sorting item list with hyperlink effect

<ol>
<li>This is an item without hyperlinks</li>
<li>This is an item without hyperlinks</li>
<li>This is an item without hyperlinks</li>
</ol>
< ol>
<li><a href="http://www.google.cm.tw" title="Google" target="_blank">Google</a></li>
<li><a href=" http://www.youtube.com" title="YouTube" target="_blank">YouTube</a></li>
<li><a href="http://www.facebok.com" title= "Facebook" target="_blank">Facebook</a></li>
</ol>

Example presentation results

1. This is an item without hyperlink
2. This is an item without hyperlink
3. This is an item without hyperlink

1. Google
2. YouTube
3. Facebook

We have prepared two sets of HTML ol li project tags in the example . The first set is the default without hyperlink effect, although it is also very useful, but what we want is a list of items with hyperlink effect, so please look directly The second group combines the HTML a href hyperlink function with the ol li item list, so that items with hyperlink syntax will have the effect of linking! The operation is very simple. You can adjust the desired effect through the parameter settings of the hyperlink, such as whether to open the link in a new window?