HTML Elements Overview

This webpage explains various HTML elements and tags, along with examples:

1. How to Make Headings (<h1> to <h6>)

To create headings, use the following code:

            <h1>Main Title</h1>
            <h2>Subheading</h2>
        

This will display:

Main Title

Subheading

2. How to Make Paragraphs (<p>)

To create a paragraph, use:

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

This will display:

This is a paragraph.

3. How to Create Hyperlinks (<a>)

To create a hyperlink, use:

            <a href="https://example.com">Visit Example</a>
        

This will display:

4. How to Make Unordered Lists (<ul> and <li>)

To create an unordered list, use:

            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
            </ul>
        

This will display:

• Item 1
• Item 2

5. How to Make Ordered Lists (<ol>)

To create an ordered list, use:

            <ol>
                <li>First Item</li>
                <li>Second Item</li>
            </ol>
        

This will display:

1. First Item
2. Second Item

6. How to Embed Images (<img>)

To display an image, use:

            <img src="Snapinsta.app_457392525_1591768235067684_4923134730680515994_n_1080.jpg" alt="Representation of Iskander" width="200">
        

This will display the image:

7. How to Create Tables (<table>)

To create a table, use:

            <table border="1">
                <tr>
                    <th>Header</th>
                    <th>Header</th>
                </tr>
                <tr>
                    <td>Cell 1</td>
                    <td>Cell 2</td>
                </tr>
            </table>
        

This will display:

8. How to Create a Division (<div>)

To create a division, use:

            <div>Content inside a div</div>
        

This will display:

9. How to Use Inline Elements (<span>)

To use a span for inline styling, use:

            <span>Inline text</span>
        

This will display:

10. How to Create Forms (<form>)

To create a form, use:

            <form>
                <input type="text" placeholder="Enter text">
            </form>
        

This will display a form:

11. How to Add Input Fields (<input>)

To add an input field, use:

            <input type="email" placeholder="Email">
        

This will display:

12. How to Create Labels (<label>)

To create a label for an input, use:

            <label>Name:</label> <input type="text">
        

This will display:

13. How to Create Footers (<footer>)

To create a footer, use:

            <footer>Footer content here</footer>
        

This will display:

14. How to Create Headers (<header>)

To create a header, use:

            <header>Header content here</header>
        

This will display:

15. How to Use Blockquotes (<blockquote>)

To create a blockquote, use:

            <blockquote>This is a quote.</blockquote>
        

This will display:

This is a quote.