# Html For Beginners ![](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRtO2DuZunMjRWrlvPNgEER5bnjyO6BzzXMDQ&s align="center") # What is HTML? Hypertext Markup language (HTML) is the *standard markup language used to structure web pages and their content.* --- # History of html: The first version of HTML was written by **Tim Berners-Lee** in 1993. Since then, there have been many different versions of HTML. The most widely used version throughout the 2000's was **HTML 4.01**, which became an official standard in December 1999. Here is the basic structure of html. ```xml My Blog

My Blog

``` In total html has 6 heading tags, those are:<h1>,<h2>,<h3>,<h4>,<h5> and <h6>. ### Example: ```xml Heading Tags Sample

This is a Heading Level 1

This is a Heading Level 2

This is a Heading Level 3

This is a Heading Level 4

This is a Heading Level 5
This is a Heading Level 6
``` ### Output: ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1712942640948/60d11ea9-f919-43f5-a49f-1bd75713c6b2.jpeg align="center") Commonly used tags in html are * `

`: Defines a paragraph of text. It's used to structure and separate blocks of text within the document. * `

`: Represents a thematic break or horizontal rule. It's used to separate content sections or create visual distinctions between elements. * ``: Defines a hyperlink. It's used to create clickable links to other web pages or resources. The `href` attribute specifies the URL of the page the link goes to. * `
`: Inserts a single line break. It's used to force text to the next line without starting a new paragraph. It's often used for formatting purposes or when there's a need to break a line within a paragraph. **EXAMPLE:** ```xml HTML Tags Sample

This is a paragraph tag. It is used to define a paragraph of text.

This is another paragraph.

This is a link

This paragraph is on a new line due to the line break created by the
tag.

``` ## Output: ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713111255651/9ead09dd-c37f-48fa-a7a4-16b6abd19f3c.png align="center") **<i> and <em>:** * `` tag: This is used to apply italic formatting to text. * `` tag: Similar to <i> but it carries emphasis in terms of semantics, typically indicating stress emphasis or importance. **Example:** ```xml

This is italic text.

This is emphasized text.

``` **<u>** tag: * This is used to underline text. **Example:** ```xml

This is Underlined text for reference.

``` ### Image Tag: * The `` tag is used to embed an image in an HTML page. It provides the link for the referenced image. **Example:** ```xml Image ``` * As you can see image tag takes into consideration 2 required attributes. src = It specifies the path of the image alt = It specifies the text which is displayed when the image is somehow not being loaded. You might note that <img> tag does not have an end tag and tags which do not have an end tag are known as self closing Tag. **<sub> and <sup>:** * `` tag: This tag is used to render text as subscript * `` tag: This tag is used to render text as superscript. Example: ```xml

H2O

x2 + y2 = r2

``` **<strike> and <del>:** * `` tag: This tag is used to render text with a strikethrough effect. * `` tag: Similar to ``, but it carries a semantic meaning of indicating deleted text. ***EXAMPLE:*** ```xml

This text is strikethrough.

This text is deleted

``` **Output:** This text is strikethrough. This text is deleted ``: * This tag is used to represent computer code. ***Example:*** ```xml

This is an example of code formatting.

``` `
`:

* This tag is used to preserve whitespace and line breaks within text. It's commonly used for displaying code blocks.
    

***Example:***

```xml
            

            given text can be print 
            without any changes

```

### **Example:**

```xml



    
    
    Formatting Tags Sample



    
This is example for bold text. It's strongly emphasized.


    
This is example for italic text. It's emphasized.


    
This is underlined text.


    
H2O is a chemical formula for water.


    
x2 + y2 = r2 is the equation of a circle.


    
This text is strikethrough and deleted.


    
This is an example of inline code.


    
        function example() {
            console.log("This is a code block.");
        }
    




```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713113521215/694fd9e7-ca9c-44b7-8bd7-d66545bf4705.png align="center")