[Solved] Web_App Lab 1

Write the HTML code to build a table of content example. The table of content (TOC) is a list of topics. Each topic refers to a section within the same page.

You will need to design a document that includes a list (you can use <ol> or <ul>) where each item is a hypertext link (<a>). The requirements are as following:

• Use list to create the list of topics. The list should include at least 4 items.
• Use links to make each topic attached to its own text section.
• Make sure that you follow the standards of HTML.
• Use <h1> to create the heading of each content section. Use id attribute to assign unique IDs to each heading bookmark.
• Use <p> to insert text.

• The above is sample TOC. Try to improve the appearance of your document. Use <hr /> or

<br />

• Extend your TOC example to create more sophisticated one with topics and subtopics. The following code could be a guide. Modify it to perform your task.

<ol>

<li>Heading

<ol>

<li>Subheading</li> <li>Subheading</li>

</ol>

</li>

<li>Heading</li>

<li>Heading

<ol>

<li>Subheading</li> <li>Subheading</li>

</ol>

</li>

</ol>

The final page should similar to the following: