Scribd Logo
Upload

Welcome to Scribd!

  • Lab On HTML

    Uploaded by

    nityamjoshi7
    2 views3 pages
    The document contains examples of nested ordered and unordered lists, a definition list with nested items, a styled table with headers and rows, a table demonstrating row and column spans, a biodata form with styled text and elements, and examples of inline CSS styling text and paragraphs.

    Original Description:

    Original Title

    LAB ON HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains examples of nested ordered and unordered lists, a definition list with nested items, a styled table with headers and rows, a table demonstrating row and column spans, a biodata form with styled text and elements, and examples of inline CSS styling text and paragraphs.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views3 pages

    Lab On HTML

    Uploaded by

    nityamjoshi7
    The document contains examples of nested ordered and unordered lists, a definition list with nested items, a styled table with headers and rows, a table demonstrating row and column spans, a biodata form with styled text and elements, and examples of inline CSS styling text and paragraphs.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    NESTED ORDERED, UNORDERED, DEFINITION LIST

    <html>
    <head>
    <title> List </title>
    </head>
    <body>
    <h2>Ordered List (Outer)</h2>
    <ol>
    <li>Item 1</li>
    <li>Item 2
    <ol>
    <li>Sub-item 2.1</li>
    <li>Sub-item 2.2</li>
    </ol>
    </li>
    <li>Item 3</li>
    </ol>
    <h2>Unordered List (Inner)</h2>
    <ul>
    <li>Item A</li>
    <li>Item B
    <ul>
    <li>Sub-item B.1</li>
    <li>Sub-item B.2</li>
    </ul>
    </li>
    <li>Item C</li>
    </ul>
    <h2>Definition List (Nested)</h2>
    <dl>
    <dt>Term 1</dt>
    <dd>Definition 1</dd>
    <dt>Term 2</dt>
    <dd>Definition 2
    <ul>
    <li>Sub-definition 2.1</li>
    <li>Sub-definition 2.2</li>
    </ul>
    </dd>
    </dl>
    </body>
    </html>
    TABLE
    <html>
    <head>
    <title>Table Example</title>
    </head>
    <body>
    <table border="1" width="50%" cellpadding="10" cellspacing="5" align="center">
    <caption>Styled Table</caption>
    <tr>
    <th bgcolor="GREY">Header 1</th>
    <th bgcolor=" GREY ">Header 2</th>
    <th bgcolor=" GREY ">Header 3</th>
    </tr>
    <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
    <td>Row 1, Cell 3</td>
    </tr>
    <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
    <td>Row 2, Cell 3</td>
    </tr>
    </table>
    </body>
    </html>
    ROW AND COL SPAN
    <html>
    <head>
    <title>COL AND ROW SPAN</title>
    </head>
    <body>
    <table border="2" cellspacing="10" cellpadding="15">
    <tr>
    <td>Cell 1</td>
    <td colspan="2">Cell 2 (spanning two columns)</td>
    </tr>
    <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
    <td>Cell 5</td>
    </tr>
    </table>
    <br>
    <table border="2" cellspacing="10" cellpadding="15">
    <tr>
    <td rowspan="2">Cell 1 (spanning two rows)</td>
    <td>Cell 2</td>
    <td>Cell 3</td>
    </tr>
    <tr>
    <td>Cell 4</td>
    <td>Cell 5</td>
    </tr>
    </table>
    </body>
    </html>
    BIODATA
    <html>
    <head>
    <title>BIODATA</title>
    </head>
    <body bgcolor="pink" text="purple">
    <h1>BIO DATA</h1>
    <center>RAM KUMAR</center>
    <b>
    <i>NAME: RAM KUMAR</i><hr color="black">
    AGE: 30<hr color="black">
    <u>PHONE NO: 1234567890</u><hr color="black">
    QUALIFICATION:
    <big><ul>
    <li>BCA</li>
    <li>MCA</li>
    </ul></big><hr color="black">
    EXPERIENCE: <big>5 years</big><hr color="black">
    REMARK: <SMALL>MOMOS VALA</SMALL>
    </b>
    </body>
    </html>
    INLINE CSS
    <html>
    <head>
    <title>Inline CSS</title>
    </head>
    <body>
    <h1 style="color: green; font-size: 60px; text-align: center;">
    GREEN TEXT
    </h1>
    <p style="color: gray; font-size: 25px; text-align: center;">
    LALALALALALALLALALALALALA
    </p>
    </body>
    </html>

    You might also like