Skip to main content
HashnodeUntitled Publication

Command Palette

Search for a command to run...

Tags Of Html

Published
•4 min read
S
Shaik Nazma

Basic HTML Tags

  • Headings: Used for structuring content hierarchy (<h1> to <h6>).

  • Paragraphs: Used for grouping text (<p>).

  • Anchor: Creates hyperlinks (<a>).

  • Image: Embeds images (<img>).

  • Unordered List: Creates bullet-point lists (<ul> and <li>).

  • Ordered List: Creates numbered lists (<ol> and <li>).

  • Division/Section: Divides content (<div>).

  • Inline Division/Section: Similar to <div>, but inline (<span>).

    Advanced HTML Tags

  • Table: Organizes data in rows and columns (<table>).

  • Form: Used for interactive elements and user input (<form>).

  • Input field: Allows user input within forms (<input>).

  • Video player: Embeds videos (<video>).

  • Audio player: Embeds audio files (<audio>).

  • Drawing area: Creates graphics or animations (<canvas>).

  • Inline frame: Embeds another HTML document (<iframe>).

    Process of the using tags in code:

    Step 1:-

  • Understand the Purpose

    Before using any HTML tag, it's essential to understand its purpose and how it contributes to structuring your web page's content.

    Step 2:-

  • Identify the Content to Markup

    Determine the specific content elements that you want to include in your web page, such as headings, paragraphs, images, lists, or multimedia.

    Step 3:-

  • Choose the Appropriate Tag

    Select the HTML tag that best represents the type of content you want to mark up. For example:

    • Use <h1> to <h6> for headings.

    • Use <p> for paragraphs.

    • Use <a> for hyperlinks.

    • Use <img> for images.

    • Use <ul> and <ol> with <li> for lists.

    • Use <div> and <span> for dividing or grouping content.

    •   <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> HTML Formatting Tags on Hashnode</title>
  </head>
  <body>
    <h1> <a href="">The Basics: HTML Formatting Tags on Hashnode</a></h1>
  <img src="https://codefactory.wien/wp-content/themes/hestia/cf-images/big-jpg/4-htmlcss.jpg" width="350" height="350"/>
    <p>Welcome, fellow developers and tech enthusiasts! Whether you're diving into web development for the first time or brushing up on your HTML skills, this guide will equip you with a solid <a href="">foundation in formatting tags</a>. Hashnode, a fantastic platform specifically <a href="">designed for developers</a>, provides a <a href="">user-friendly interface </a>for crafting beautifully formatted blog posts. Let's delve into the essential HTML tags that will bring your content to life!</p>

    <h2> <a href="">Understanding HTML Formatting Tags</a></h2>

    <p>HTML<a href=""> (Hypertext Markup Language)</a> is the cornerstone of web pages. It defines the structure and content of your website, allowing you to create<a href=""> headings, paragraphs, lists, </a>and more. Formatting tags are like special instructions embedded within your HTML code that tell browsers how to display specific elements. Hashnode's built-in editor makes using these tags a breeze, but understanding their underlying functionality can be empowering.</p>

    <h2><a href="">Essential Formatting Tags</a></h2>

    <p>Now, let's explore some of the most commonly used formatting tags:</p>

    <h3><a href="">Headings (h1-h6)</a></h3>

    <p>These tags create headings of different sizes, with `h1` being the largest and most prominent, and `h6` being the smallest. Use them to structure your <a href="">content, organize main ideas, </a>and improve readability.</p>
    <b>I am learning java full stack</b>
    <!--b is strong both are used for same purpose but search engines understand them differently and will give more preference to strong--><br/>
    <strong>I am learning java full stack</strong><br/>
    <i>My institue name is NARESH IT</i><br/>
    <em>My institue name is NARESH IT</em><br/>
    <u>I am improved my good learning skills</u><br/>
    <p>B<sub>2</sub></p>
    <p>(a*b+c)<sub>3</sub></p>
    <del>text deleted</del>
    <ins>added</ins>
    <big>Big text</big>
    <small>small text</small>
    <pre>
     The days are short
      the sun a spark
      hung thin between
      the dark and dark
    </pre>
    <code>
     /* Hi this is my code */
    import java.io*;
    </code>
    <p></p>
    </body>
    </html>

      step 4:-

  • Add Attributes (If Necessary)

    Some HTML tags may require additional attributes to provide further information or functionality. Common attributes include href for links, src for images, and alt for alternative text.

    Step 5:-

  • Apply Styling (Optional)

    After adding content using HTML tags, you can apply styling using CSS to enhance the appearance of your web page. This includes properties such as color, font size, margin, padding, and more.

    Step 6: -

  • Test and Iterate

    Once you've added and styled your content, it's essential to test your web page across different browsers and devices to ensure compatibility and responsiveness. Make adjustments as needed based on the results of your testing.

  • Step 7:-

  • Validate Your HTML

    Use an HTML validator tool to check your code for any errors or issues. Valid HTML ensures that your web page will display correctly and function as expected across various platform.

    this is tags of html

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Untitled Publication

7 posts