OneCompiler

html

140

Computer tags

<!DOCTYPE html> <html> <head> <title>Hello, World!</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <h1 class="title">Hello World! </h1> <p id="currentTime"></p> <script src="script.js"></script> </body>

Attributes

</html><!DOCTYPE html> <html> <head> <title>Hello, World!</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <h1 class="title">Hello World!</h1> <p id="currentTime"></p> <script src="script.js"></script> <p style="background-color: yellow;">Hello world</p> <p><b>don bosco</b></p> <u>don bosco</u> <p>24<sup>th</sup></p> <p>H<sub>2</sub>O</p> <p><font color="blue">This is blue text</font></p>

SIMPLE FORM

<h2>Contact Us</h2> <form> <label>Name:</label><br> <input type="text"><br> <label>Email:</label><br> <input type="email"><br> <button type="submit">Submit</button> </form> </body> </html>

ADVANCED FORM

<!DOCTYPE html> <html> <head> <title>Advanced Form</title> </head> <body> <h1>Feedback Form</h1> <form> <label>Name:</label> <input type="text"><br><br> 
    <label>Email:</label>
    <input type="text"><br><br>
    
    <label>Comments:</label><br>
    <textarea rows="4" cols="50"></textarea><br><br>
    
    <label>Rating:</label>
    <select>
        <option value="excellent">Excellent</option>
        <option value="good">Good</option>
        <option value="average">Average</option>
        <option value="poor">Poor</option>
    </select><br><br>
    
    <button type="submit">Submit</button>
</form>
</body> </html>

Semantic html
<DOCKTYPE HTML>

</html </head> </title> semantic html </title> </head> <body> </head> <body> <header> </h1> my website</h1> </nav> <u1> <li> a href=’https.//don bosco matunga .com> home </a. </li> </li> a href = ‘https: //don bosco matunga.com /about-us/>about </a> </li> Academics </a> </li> </u1> </nav> </header> </section> </article> <h2>article>

Labels and fieldsets of html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Labels and Fieldsets</title> </head> <body> <form> <fieldset> <legend>Personal Information</legend> <label for="name">Name:</label> <input type="text" id="name" name="name"> </fieldset> <fieldset> <legend>Message</legend> <label for="message">Message:</label> <textarea id="message" name="message"></