HTML Elements in Web Designing
In web designing, HTML (HyperText Markup Language) is used to structure content on the web.
HTML elements are the building blocks of a webpage. Here are some common HTML elements
used in web designing:
1. <html>: This element defines the root of an HTML document.
Example: <html>...</html>
2. <head>: Contains meta-information about the document, such as title and links to external files
(CSS, JS).
Example: <head>...</head>
3. <title>: Sets the title of the webpage, displayed in the browser tab.
Example: <title>My Website</title>
4. <body>: Contains the main content of the page.
Example: <body>...</body>
5. <h1> to <h6>: Header tags used to define headings, with <h1> being the most important and
<h6> the least.
Example: <h1>Welcome to My Website</h1>
6. <p>: Defines a paragraph of text.
Example: <p>This is a paragraph.</p>
7. <a>: Defines a hyperlink to link to another webpage or resource.
Example: <a href="https://www.example.com">Visit Example</a>
8. <img>: Embeds an image in the webpage.
Example: <img src="image.jpg" alt="Description of Image">
9. <ul> and <ol>: Defines unordered and ordered lists, respectively. <li> is used to define list items
inside these lists.
Example:
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
10. <div>: A container element used to group content and apply styling.
Example: <div class="container">...</div>
11. <span>: A small container used for styling parts of text inline.
Example: <span style="color:red;">This is red text</span>
12. <form>: Defines a form to collect user input.
Example:
<form>
<input type="text" name="name">
<button type="submit">Submit</button>
</form>
13. <table>: Defines a table. It is used along with <tr>, <td>, and <th> to create rows and columns.
Example:
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
14. <footer>: Defines a footer for the document or section.
Example: <footer>© 2024 My Website</footer>
