Scribd Logo
Upload

Welcome to Scribd!

  • 28 views

    HTML Table of Content

    Uploaded by

    Sriraman

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    HTML Table of Content

    Uploaded by

    Sriraman
    28 views3 pages

    Original Title

    html table of content

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    28 views3 pages

    HTML Table of Content

    Uploaded by

    Sriraman

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 3

    <!--Please, DO NOT modify this template.

    Add HTML components with specified


    constraints, inside the 2 div tags of body. -->
    <!DOCTYPE html>
    <html>
    <head>
    <title>Table of Contents</title>

    <style>
    *{
    font-weight:bold;
    }
    h2{
    text-align:center;
    color:#000000;
    }
    .split {
    height: 100%;
    width: 50%;
    position: fixed;
    overflow: scroll;
    z-index: 1;
    top: 0;
    }
    .left {
    left: 0;
    background-color: #000000;
    }
    .right {
    right: 0;
    background-color: #808080;
    color:#000000;
    width: 70%;
    }
    a{
    text-decoration:none;
    color:#808080;
    }
    </style>

    </head>
    <body>
    <div class="split left">
    <ul style = "list-style-type:none;" id = "links">
    <li><a href="#overview" id="link1"><p>HTML5 OVERVIEW</p></a></li>
    <li><a href="#syntax" id="link2"><p>HTML5 SYNTAX</p></a></li>
    <li><a href="#attributes" id="link3"><p>HTML5 ATTRIBUTES</p></a></li>
    <li><a href="#events" id="link4"><p>HTML5 EVENTS</p></a></li>
    <li><a href="#forms" id="link5"><p>HTML5 WEB FORMS 2.0</p></a></li>
    <li><a href="#advd" id="link6"><p>HTML5 AUDIO & VIDEO</p></a></li>
    </ul>
    </div>
    <div class="split right">
    <header><h2>Table of Contents</h2></header>
    <ol>
    <li><p id="overview">HTML5 OVERVIEW</p>
    <ul>
    <li><p>Browser support</p></li>
    <li><p>New Features</p></li>
    <li><p>Backward Compatibility</p></li>
    </ul>
    </li>
    <li><p id="syntax">HTML5SYNTAX</p>
    <ul>
    <li><p>The DOCTPE</p></li>
    <li><p>Character Exceeding</p></li>
    <li><p>The script tag</p></li>
    <li><p>HTML5 Elements</p></li>
    <li><p>HTML5 Attributes</p></li>
    <li><p>HTML5 Document</p></li>
    </ul>
    </li>
    <li><p id="attributes">HTML5 ATTRIBUTES</p>
    <ul>
    <li><p>Standard Attributes</p></li>
    <li><p>Custom Attributes</p></li>
    </ul>
    </li>
    <li><p id = "events">HTML5 EVENTS</p></li>
    <li><p id = "forms">HTML5 WEB FORMS 2.0</p>
    <ul>
    <li><p>The input elements in HTML4</p></li>
    <li><p>The input elements in HTML5</p></li>
    <li><p>The output element</p></li>
    <li><p>The placecholder attribute</p></li>
    <li><p>the autofocus attribute</p></li>
    <li><p>The required attribute</p></li>
    </ul>
    </li>
    <li><p id = "advd">HTML5 AUDIO & VIDEO</p>
    <ul>
    <li><p>Embedding Video</p></li>
    <li><p>Video Attribute Specification</p></li>
    <li><p>Embedding Audio</p></li>
    <li><p>Audio Attribute Specification</p></li>
    <li><p>Handling Media Events</p></li>
    <li><p>Configurrirng Servers for Media Type</p></li>
    </ul>
    </li>

    </ol>
    </div>
    </body>
    </html>

    You might also like