html aj

<!DOCTYPE html>
<html>

<head>
    <title>Html Page</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,400&display=swap"
        rel="stylesheet">

</head>

<body>
    <!-- HTML LINKS -->
    <a href="/file.html">This is a link</a>
    <!-- HTML IMAGES-->
    <img src="/image/js.png" alt="js logo" height="100px" width="100px" style="border: 1px solid black;">
    <p style="background-image: url('/image/js.png');
     width: 100px;
     height: 100px;">
        Acciojob frontend 2022</p>
    <!--HTML LIST -->
    <H4>Unordered List: skills</H4>
    <ul style="list-style-type:disc;">
        <li>HTML</li>
        <li>CSS</li>
        <li>js</li>
    </ul>
    <H4>Ordered List: skills</H4>
    <ol type="a">
        <li>HTML</li>
        <li>CSS</li>
        <li>js</li>
    </ol>
    <!--Nested list-->
    <ol>
        <li>html</li>
        <li>css</li>
        <li>js:
            <ol>
                <li>
                    <a href="">React.js</a>

                </li>
                <li>css</li>
                <li>js</li>
            </ol>
        </li>
    </ol>
    <!--html block & inline element-->
    <p style="border: 1px solid black;">hi</p>
    <p style="border: 1px solid black;">hey</p>
    <span>heloooo</span>
    <span>heyaaaa</span>
    <h1>hey</h1>
    <h1>hiii</h1>
    <img src="./image/fk logo.png" alt=" ">
    <img src="./image/js.png" alt="">
    <h2>Registration Form</h2>
    <form>
        <label for="fname">Name:</label><br>
        <input type="text" placeholder="Enter your name" required><br><br>
        <label for="lname">Last Name:</label><br>
        <input type="text"><br><br>
        <label for="age">Age:</label><br><br>
        <input type="number" placeholder="Enter you age" value="18"><br><br>

        <label for="gender">Gender:</label><br>
        <input type="radio" name="gender" value="male">
        <label for="male">male</label>
        <input type="radio" name="gender" value="female">
        <label for="female">female</label><br><br>
        <label for="email">Email:</label><br>
        <input type="email" placeholder="Enter yoyur email"><br><br>
        <label for="password">password:</label><br>
        <input type="password"><br><br>
        <label for="degree">degree:</label><br>
        <input type="checkbox" name="b.tech" value="b.tech">
        <label for="b.tech">b.tech</label>
        <input type="checkbox" name="bcom" value="bcom">
        <label for="bcom">bcom</label>
        <input type="checkbox" name="ba" value="ba">
        <label for="ba">ba</label>
        <input type="checkbox" name="bsc" value="bsc">
        <label for="bsc">bsc</label>
        <input type="submit" value="submit">
        <input type="reset" value="reset">


    </form>


</body>

</html>