Scribd Logo
Upload

Welcome to Scribd!

  • HTML Cheat Sheet

    Uploaded by

    chabhi2405
    2 views5 pages
    The document provides a cheat sheet on basic HTML elements and structures including headings, paragraphs, links, lists, images, tables, forms, divisions, comments, formatting, semantic elements, audio, video, special characters, and input types. It outlines the basic HTML page structure of DOCTYPE, html, head, and body tags. Within the body, it describes common text elements like headings, paragraphs, and text formatting. It also covers lists, links, images, tables, forms, divisions, comments, and semantic elements. The cheat sheet concludes with descriptions of audio, video, HTML input types and special characters.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides a cheat sheet on basic HTML elements and structures including headings, paragraphs, links, lists, images, tables, forms, divisions, comments, formatting, semantic elements, audio, video, special characters, and input types. It outlines the basic HTML page structure of DOCTYPE, html, head, and body tags. Within the body, it describes common text elements like headings, paragraphs, and text formatting. It also covers lists, links, images, tables, forms, divisions, comments, and semantic elements. The cheat sheet concludes with descriptions of audio, video, HTML input types and special characters.

    Copyright:

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

    HTML Cheat Sheet

    Uploaded by

    chabhi2405
    The document provides a cheat sheet on basic HTML elements and structures including headings, paragraphs, links, lists, images, tables, forms, divisions, comments, formatting, semantic elements, audio, video, special characters, and input types. It outlines the basic HTML page structure of DOCTYPE, html, head, and body tags. Within the body, it describes common text elements like headings, paragraphs, and text formatting. It also covers lists, links, images, tables, forms, divisions, comments, and semantic elements. The cheat sheet concludes with descriptions of audio, video, HTML input types and special characters.

    Copyright:

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

    HTML CheatSheet

    Basic Structure :-

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Title Goes Here</title>
    </head>
    <body>
    <!-- Content Goes Here -->
    </body>
    </html>

    Headings :-

    <h1> Heading 1 </h1> - More Important


    <h2> Heading 2 </h2>
    <h3> Heading 3 </h3>
    <h4> Heading 4 </h4>
    <h5> Heading 5 </h5>
    <h6> Heading 6 </h6> - Least Important

    Paragraph :-

    <p>This is a paragraph.</p>

    code_wars_official
    Links :-
    <a href="https://www.example.com">Link Text</a>

    Unordered List :-
    <ul>
    <li>Item 1</li> - List Item
    <li>Item 2</li>
    </ul>

    Ordered List :-
    <ol>
    <li>Item 1</li>
    <li>Item 2</li>
    </ol>

    Images :-
    <img src="image.jpg" alt="Description of Image">

    Tables :-
    <table>
    <tr> - Table Row
    <th>Header 1</th> - Table Header
    <th>Header 2</th>
    </tr>
    <tr>
    <td>Data 1</td> - Table Data
    <td>Data 2</td>
    </tr>
    </table>

    code_wars_official
    Forms:-
    <form action="/submit-form" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">

    <label for="password">Password:</label>
    <input type="password" id="password" name="password">

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


    </form>

    Divisions :-
    <div>
    Content inside a division.
    </div>

    Comments :-
    <!-- This is a comment -->

    HTML Formatting :-
    <b> - Bold Text
    <i> - Italic Text
    <mark> - Highlighted Text
    <del> - Deleted Text Crossline
    <sup> - SuperScript | Top
    <sub> - SubScript | Bottom
    <code>: Display code in monospace font
    <pre>: Preserve whitespace and line breaks
    <blockquote>: Indicate block quotations

    code_wars_official
    Semantic Elements :-

    <header>Header</header>
    <nav>Navigation</nav>
    <section>Section</section>
    <article>Article</article>
    <aside>Aside</aside>
    <footer>Footer</footer>

    Audio:-
    <audio controls>
    <source src="audio.mp3" type="audio/mpeg">
    </audio>

    Video :-
    <video controls width="320" height="240">
    <source src="movie.mp4" type="video/mp4">
    </video>

    Special Characters :-
    &copy; - copyright symbol "©"
    &amp; - ampersand character "&"
    &lt; - less-than symbol "<"
    &gt; - greater-than symbol ">"
    &quot; - double quotation mark "" ""
    &nbsp; - non-breaking space

    code_wars_official
    Html Input Types :-

    <input type="text">
    <input type="password">
    <input type="number">
    <input type="email">
    <input type="url">
    <input type="date">
    <input type="time">
    <input type="datetime-local">
    <input type="month">
    <input type="week">
    <input type="color">
    <input type="checkbox">
    <input type="radio">
    <input type="file">
    <input type="submit">
    <input type="reset">
    <input type="button">
    <input type="hidden">
    <input type="range">
    <input type="search">

    “ Thank You For Your Support ❤ “


    Dont Forget To Follow Us For
    More Amazing Content

    code_wars_official

    You might also like