Skip to main content

A Comprehensive Guide to HTML Tags and Their Usage - codesolv

A Comprehensive Guide to HTML Tags and Their Usage

 

A Comprehensive Guide to HTML Tags and Their Usage

The article covers a broad range of HTML tags, but there are some tags and elements not included. Here’s a more comprehensive list with additional tags and elements:


1. Document Structure Tags

  • <!DOCTYPE html>: Declares the document type and version.
  • <html>: The root element.
  • <head>: Contains meta-information.
  • <title>: The title of the page.
  • <body>: The content of the page.


2. Metadata and Links

  • <meta>: Metadata about the document.
  • <link>: Links to external resources.
  • <style>: Internal CSS styles.
  • <script>: Embeds or links JavaScript.


3. Text Formatting Tags

  • <h1> to <h6>: Headings.
  • <p>: Paragraph.
  • <br>: Line break.
  • <strong>: Strong emphasis.
  • <em>: Emphasized text.
  • <b>: Bold text.
  • <i>: Italic text.
  • <mark>: Highlighted text.
  • <small>: Smaller text.
  • <del>: Deleted text.
  • <ins>: Inserted text.
  • <sub>: Subscript text.
  • <sup>: Superscript text.


4. Lists

  • <ul>: Unordered list.
  • <ol>: Ordered list.
  • <li>: List item.
  • <dl>: Definition list.
  • <dt>: Definition term.
  • <dd>: Definition description.


5. Links and Anchors

  • <a>: Hyperlink.
  • <nav>: Navigation links.


6. Images and Multimedia

  • <img>: Image.
  • <audio>: Audio content.
  • <video>: Video content.
  • <source>: Specifies multiple media resources.
  • <track>: Specifies text tracks for `<video>` and `<audio>`.


7. Tables

  • <table>: Table.
  • <tr>: Table row.
  • <td>: Table data cell.
  • <th>: Table header cell.
  • <thead>: Table header group.
  • <tbody>: Table body group.
  • <tfoot>: Table footer group.


8. Forms and Input

  • <form>: Form.
  • <input>: Input control.
  • <textarea>: Multi-line text input.
  • <button>: Button.
  • <select>: Drop-down list.
  • <option>: Option in a drop-down list.
  • <label>: Label for form controls.
  • <fieldset>: Group of related form controls.
  • <legend>: Caption for `<fieldset>`.


9. Semantic HTML

  • <header>: Header section.
  • <nav>: Navigation section.
  • <main>: Main content.
  • <section>: Document section.
  • <article>: Independent content.
  • <footer>: Footer section.
  • <aside>: Indirectly related content.
  • <details>: Disclosure widget from which the user can obtain additional information or controls.
  • <summary>: Summary or heading for the <details> element.


 10. Scripting and Interaction

  • <script>: JavaScript.
  • <noscript>: Alternative content for users with JavaScript disabled.
  • <iframe>: Inline frame embedding another document.
  • Miscellaneous
  • <div>: Generic container.
  • <span>: Generic inline container.
  • <data>: Associates a machine-readable value with content.
  • <time>: Represents a specific period in time.
  • <output>: Represents the result of a calculation or user action.


11. Deprecated and Obsolete Elements (for historical context)

  • <font>: Deprecated for styling fonts.
  • <center>: Deprecated for centering content.
  • <big>: Deprecated for enlarging text.


This expanded list includes many of the common and some less frequently used HTML tags, giving you a more comprehensive understanding of HTML's capabilities.

Labels:

Comments

Post a Comment

Popular posts from this blog

The Power of CSS: A Comprehensive Guide to Styling Your Web Pages 1

 The Power of CSS: A Comprehensive Guide to Styling Your Web Pages Cascading Style Sheets (CSS) is an essential technology for web development. It allows you to control the look and feel of your website, from colors and fonts to layouts and animations. If you're new to web design or just looking to enhance your styling skills, understanding CSS is crucial. In this post, we'll cover the basics of CSS, its core concepts, and some advanced techniques to help you create visually stunning and well-designed web pages. What is CSS? CSS stands for Cascading Style Sheets. It is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS controls the layout, colors, fonts, and overall appearance of web pages, separating content from design and making it easier to maintain and update. Basic CSS Syntax CSS uses a set of rules to apply styles to HTML elements. The basic syntax consists of a selector and a declaration block. Here’s a simple example: In t...
Post a Comment
Read more

JavaScript: The Backbone of Modern Web Development

  JavaScript: The Backbone of Modern Web Development JavaScript is undeniably the backbone of modern web development. Whether you’re building dynamic websites, web applications, or server-side software, JavaScript is an essential language that powers the interactive elements of the web. In this article, we'll explore what JavaScript is, why it's so important, and some of the key features that make it a powerful language for developers. What is JavaScript? JavaScript is a high-level, interpreted programming language that allows developers to implement complex features on web pages, such as interactivity, animations, form validation, and much more. It works alongside HTML and CSS to bring websites to life by enabling real-time content updates, interactive graphics, and improved user experiences. Originally developed to run only in browsers, JavaScript is now everywhere, from client-side to server-side programming (using Node.js), and even in desktop and mobile applications. Why i...
Post a Comment
Read more