e com partical

 1. Create a simple HTML page with:Headings, paragraphs, bold/italic text

<!DOCTYPE html>

<html>

<head>

    <title>Simple HTML Page</title>

</head>

<body>


    <h1>Main Heading (H1)</h1>

    <h2>Sub Heading (H2)</h2>

    <h3>Smaller Heading (H3)</h3>


    <p>This is a paragraph of text. HTML is used to structure content on the web.</p>


    <p>

        This text contains <b>bold text</b> and <i>italic text</i>.

    </p>


    <p>

        You can also combine them like <b><i>bold and italic together</i></b>.

    </p>


</body>

</html>




2. Create a music promotion webpage (include audio and video files in your html page)

<!DOCTYPE html>

<html>

<head>

    <title>Music Promotion Page</title>

</head>

<body style="font-family: Arial; text-align: center; background-color: #f4f4f4;">


    <h1>🎵 My Music Promotion 🎵</h1>


    <h2>New Song Release</h2>

    <p>Check out my latest track below and enjoy the vibes!</p>


    <!-- Audio Player -->

    <h3>Listen Now</h3>

    <audio controls>

        <source src="music.mp3" type="audio/mpeg">

        Your browser does not support the audio element.

    </audio>


    <h2>Official Music Video</h2>

    <p>Watch the full video here:</p>


    <!-- Video Player -->

    <video width="500" controls>

        <source src="video.mp4" type="video/mp4">

        Your browser does not support the video tag.

    </video>


    <h2>About the Artist</h2>

    <p>

        <b>Artist Name</b> is an emerging musician known for <i>unique sound</i> 

        and creative storytelling through music.

    </p>


</body>

</html>



3. Create an online registration form


<!DOCTYPE html>

<html>

<head>

    <title>Online Registration Form</title>

</head>

<body style="font-family: Arial; background-color: #f2f2f2;">


    <h1 style="text-align:center;">Registration Form</h1>


    <form style="width: 300px; margin: auto; background: white; padding: 20px; border-radius: 10px;">

        

        <!-- Name -->

        <label>Full Name:</label><br>

        <input type="text" name="fullname" required><br><br>


        <!-- Email -->

        <label>Email:</label><br>

        <input type="email" name="email" required><br><br>


        <!-- Password -->

        <label>Password:</label><br>

        <input type="password" name="password" required><br><br>


        <!-- Gender -->

        <label>Gender:</label><br>

        <input type="radio" name="gender" value="male"> Male

        <input type="radio" name="gender" value="female"> Female<br><br>


        <!-- Date of Birth -->

        <label>Date of Birth:</label><br>

        <input type="date" name="dob"><br><br>


        <!-- Course Selection -->

        <label>Select Course:</label><br>

        <select name="course">

            <option>Computer Science</option>

            <option>Engineering</option>

            <option>Business</option>

        </select><br><br>


        <!-- Hobbies -->

        <label>Hobbies:</label><br>

        <input type="checkbox" name="hobby" value="reading"> Reading

        <input type="checkbox" name="hobby" value="sports"> Sports<br><br>


        <!-- Address -->

        <label>Address:</label><br>

        <textarea name="address" rows="8" cols="50"></textarea><br><br>


        <!-- Submit Button -->

        <input type="submit" value="Register">


    </form>


</body>

</html>






Comments

Popular posts from this blog

SOFTWARE

e-com sem-3

Unit 2: Foundations of Ownership, Security Related Concepts in Blockchain

Unit-1 Foundations of Software Systems and Blockchain

unit-1 E- Commerce

6)what are the various service of internet and protocols ICT-unit-1

Unit-II: HTML Coding Standards & Elements

Unit-V: Image Manipulations, Audio and Video & Introduction to JavaScript

Unit-III: Cascading Style Sheets (CSS) - HTML

digital marketing ppt-u1