Manual Table of Content

How to make Table of Content Manualy

Testing the manual TOC below:

Vestibulum at velit sed augue blandit porta quis nec leo. Integer ex dolor, tempus eget mi a, commodo dignissim est. Integer imperdiet sem velit, a auctor dolor rhoncus a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique tortor magna, a facilisis ipsum scelerisque id. Aenean diam risus, condimentum quis diam eu, mattis dapibus eros. Nam velit magna, sollicitudin et risus eu, rhoncus cursus elit. Nunc sit amet consequat mi. Nullam ipsum sem, convallis vel dolor non, vehicula finibus mi. Proin et posuere arcu. Cras rhoncus vehicula dui, in commodo lectus tincidunt et. Aenean convallis, mauris eu maximus efficitur, enim mauris vestibulum magna, vitae ullamcorper nibh diam vel arcu. Etiam luctus urna eget dui luctus, ut vulputate quam accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 

The definition of Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

The reason why we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

The HTML CODE

 <p>How to make Table of Content Manualy</p>
<div>
<ul>
  <li><a href="#what">What is Lorem Ipsum?</a></li>
  <li><a href="#why">Why do we use it?</a></li>
  <li><a href="#html">The HTML of this whole page?</a></li>
</ul>
</div>
<p>Testing the manual TOC below:</p><p>Vestibulum at velit sed augue blandit porta quis nec leo. Integer ex
dolor, tempus eget mi a, commodo dignissim est. Integer imperdiet sem
velit, a auctor dolor rhoncus a. Lorem ipsum dolor sit amet, consectetur
 adipiscing elit. Nam tristique tortor magna, a facilisis ipsum
scelerisque id. Aenean diam risus, condimentum quis diam eu, mattis
dapibus eros. Nam velit magna, sollicitudin et risus eu, rhoncus cursus
elit. Nunc sit amet consequat mi. Nullam ipsum sem, convallis vel dolor
non, vehicula finibus mi. Proin et posuere arcu. Cras rhoncus vehicula
dui, in commodo lectus tincidunt et. Aenean convallis, mauris eu maximus
 efficitur, enim mauris vestibulum magna, vitae ullamcorper nibh diam
vel arcu. Etiam luctus urna eget dui luctus, ut vulputate quam accumsan.
 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
 inceptos himenaeos.&nbsp; <br /></p>
<div>
  <h2 id="what"><b>The definition of Lorem Ipsum?</b></h2>
  <p>
    <b>Lorem Ipsum</b> is simply dummy text of the printing and typesetting
    industry. Lorem Ipsum has been the industry's standard dummy text ever since
    the 1500s, when an unknown printer took a galley of type and scrambled it to
    make a type specimen book. It has survived not only five centuries, but also
    the leap into electronic typesetting, remaining essentially unchanged. It
    was popularised in the 1960s with the release of Letraset sheets containing
    Lorem Ipsum passages, and more recently with desktop publishing software
    like Aldus PageMaker including versions of Lorem Ipsum.
  </p>
</div>
<div>
  <h2 id="why">The reason why we use it?</h2>
  <p>
    It is a long established fact that a reader will be distracted by the
    readable content of a page when looking at its layout. The point of using
    Lorem Ipsum is that it has a more-or-less normal distribution of letters, as
    opposed to using 'Content here, content here', making it look like readable
    English. Many desktop publishing packages and web page editors now use Lorem
    Ipsum as their default model text, and a search for 'lorem ipsum' will
    uncover many web sites still in their infancy. Various versions have evolved
    over the years, sometimes by accident, sometimes on purpose (injected humour
    and the like).
  </p>
</div>
<div>
  <h2 id="html">The HTML CODE</h2>
</div>

I probably will create a more comprehensive tutorial later

Komentar