Skip to main content
HashnodeUntitled Publication

Command Palette

Search for a command to run...

Today my work with using formating tags:

Updated
•6 min read
S
Shaik Nazma

1.Make a nice article on hash node which explains basic.HTML till Formating tags

Mastering the Basics: HTML Formatting Tags on hashnode:

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 foundation in formatting tags. hashnode, a fantastic platform specifically designed for developers, provides a user-friendly interface for crafting beautifully formatted blog posts. Let's delve into the essential HTML tags that will bring your content to life!

Understanding HTML Formatting Tags:

HTML (Hypertext Markup Language) is the cornerstone of web pages. It defines the structure and content of your website, allowing you to create headings, paragraphs, lists, 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.

Essential Formatting Tags:

Now, let's explore some of the most commonly used formatting tags:

  • Headings (h1-h6): 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 content, organize main ideas, and improve readability.

HTML

<h1>This is a Main Heading</h1>
<h2>This is a Subheading</h2>
<h3>This is a Sub-Subheading</h3>
  • Paragraphs (<p>): The <p> tag defines a paragraph of text. Hashnode automatically inserts <p> tags when you start a new line, ensuring your content flows naturally.

HTML

<p>This is a paragraph of text. You can write multiple lines of content within a paragraph tag.</p>
  • Line Breaks (<br>): Want to insert a line break within a paragraph without starting a new one? Use the <br> tag to force a line break wherever you need it.

HTML

This line will be displayed on the same line.
<br>
This line will be displayed on a new line.
  • Bold (<bold> or <strong>): These tags make text bold, emphasizing important points or drawing attention to specific terms.

HTML

This text is **bold**. You can also use the <strong> tag for the same effect.
  • Italics (<i> or <em>): Use these tags to italicize text, often for titles of books, movies, or to denote foreign words.

HTML

This text is *italicized*. You can also use the <em> tag for the same effect.
  • Underline (<u>): While underlining is not as commonly used in modern web design, the <u> tag underlines text.

HTML

This text is <u>underlined</u>. However, it's generally recommended to use CSS for underlining due to better styling options.
  • Ordered Lists (<i>): Create numbered lists with the <i> tag. Each list item is defined by the <li> tag.

HTML

<i>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</i>

  • Unordered Lists (<ul>): Use <ul> to create bulleted lists. Similar to ordered lists, list items are defined using <li> tags.

    My code in Formating tags:

  •       <!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://contentstatic.techgig.com/photo/93000110/what-makes-java-still-popular-among-developers.jpg?28608" 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>
        </body>
        </html>

HTML

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

  • Images (<img>): The <img> tag embeds images into your web page. You'll need to specify the image source using the src attribute.

    My final output:

    The Basics: HTML Formatting Tags on Hashnode

    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 foundation in formatting tags. Hashnode, a fantastic platform specifically designed for developers, provides a user-friendly interface for crafting beautifully formatted blog posts. Let's delve into the essential HTML tags that will bring your content to life!

    Understanding HTML Formatting Tags

    HTML (Hypertext Markup Language) is the cornerstone of web pages. It defines the structure and content of your website, allowing you to create headings, paragraphs, lists, 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.

    Essential Formatting Tags

    Now, let's explore some of the most commonly used formatting tags:

    Headings (h1-h6)

    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 content, organize main ideas, and improve readability.

    I am learning java full stack
    I am learning java full stack
    My institue name is NARESH IT
    My institue name is NARESH IT
    I am improved my good learning skills

    B2

    (a*b+c)3

    text deletedaddedBig textsmall text

         The days are short
      the sun a spark
      hung thin between
      the dark and dark

    /* Hi this is my code */ import java.io*;

  • Photo from my final ouput:

Comments (1)

Join the discussion
D
Durga Prasad2y ago

nice

More from this blog

Untitled Publication

7 posts

Today my work with using formating tags: