Practical – 113.10 : Use of Listing tags (લિસ્ટીંગ ટેગ્સનો ઉપયોગ)

Program Code : 

<!DOCTYPE html>

<html>

<head>

    <title>ITI Listing Tags Example</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 30px;

        }

        h1 {

            color: darkblue;

        }

        ul, ol {

            margin-bottom: 20px;

        }

    </style>

</head>

<body>

    <h1>Important ITI Courses</h1>

    <h2>Unordered List of ITI Trades</h2>

    <ul>

        <li>Electrician</li>

        <li>Fitter</li>

        <li>Welder</li>

        <li>Mechanic (Motor Vehicle)</li>

        <li>Computer Operator and Programming Assistant (COPA)</li>

    </ul>

    <h2>Ordered Steps for ITI Admission</h2>

    <ol>

        <li>Visit the official ITI portal.</li>

        <li>Register with personal details.</li>

        <li>Choose your preferred trade.</li>

        <li>Upload required documents.</li>

        <li>Submit the application and wait for the merit list.</li>

    </ol>

    <h2>Nested List: ITI Subjects by Trade</h2>

    <ul>

        <li>Electrician

            <ul>

                <li>Electrical Theory</li>

                <li>Wiring Practices</li>

                <li>Safety Measures</li>

            </ul>

        </li>

        <li>Fitter

            <ul>

                <li>Workshop Calculation</li>

                <li>Engineering Drawing</li>

                <li>Fitting Techniques</li>

            </ul>

        </li>

    </ul>

</body>

</html>