Top 20 HTML Attribute Tags List !! Shortcut Tags 2022

Top 20 HTML Attribute List

Top 20 HTML Attribute List

All HTML Files which am using into my website and my video, All links are below, Just Download and Use it for your own purpose. Some files can’t be upload due to security reasons. You can check my working into these files and try on your own software.

There are many components in HTML. Every HTML component has its own uncommon capacity. Consequently, as new capacities were required in website pages, so did the advancement of new HTML labels.

In this article, we have told about the names of practically all HTML labels and their utilization. We have made a total rundown of all HTML Tags. We have isolated HTML Tags List into numerous classifications. With the goal that it is straightforward HTML Tags.

Allow us now to be aware of the names of HTML labels present in every class and their utilization. We are beginning with Basic Tags. Later this, every class has been told separately.

Complete HTML Tags List in Hindi

1 Basic HTML Tags

HTML Basic Tags are those labels, which keep the establishment of a HTML report. That is the reason they are additionally called Foundation Tags. The following is the rundown of HTML Basic Tags and their utilization is being told.

This is Comment Tag. Remark component is utilized to characterize remark in HTML report.


The complete name of DOCTYPE Element is Document Type Definition. The DOCTYPE component is utilized to characterize the report type.


HTML Element is the root component of a HTML report. This characterizes the HTML report.


Head component is expounded on the HTML report. This is the header part of a site page. In which the vast majority of the Meta Information is composed.


Title component is utilized to characterize the title of the HTML record. We see the report title in the program window. The report title is written in the head component.


The body of the HTML report is characterized by the Body Element. The Visible Part of a HTML report is written in the Body Element, which is noticeable to the clients.

This is the Heading Elements. Headings are characterized in the HTML record by the Heading Element. Headings can be made in HTML from H1 to H6 level.

It is called Paragraph Element. It is utilized to characterize a passage in a HTML record.
The complete name of – Element is Horizontal Line. Even Line is characterized in HTML Document from Hr Element.

Component’s complete name is Break. Br Element is utilized to offer Single Line Reprieve. Which means you can compose a line by breaking it into various lines.

Heading & Paragraph HTML Attributes

Whenever we create a website, we have to make headings and paragraphs on that website. Heading means that if we are creating a website or writing a blog, then from that heading to the same user and to the reader. It is known that in this article, what is in that website and what we have to focus on and paragraph means a description of a way within which paragraph or within the description we are talking about that block about the website. Or what is important inside that heading, we write all that inside the paragraph

Anchor Tag HTML attribute

What is Anchor Tag? Anchor tag means that when we put any kind of link on our website, behind any text or image, if we put any link or if we refer to any website while writing or to our user and reader. If we want to send it to any other website or on any other article or post of ours, then we put a link there and after clicking on that link, that user and reader reaches that website or that given link it’s called anchor tag

<h1>This is a heading</h2>

<h2>This is a sub-heading</h2>

<h3>This is a third sub-heading</h3>

Form Tag Attribute in HTML

What is a Form Registration Form, Admission Form or any form that takes input of any kind, we can call it as a HTML form, we can create this form only with the help of HTML input tag and we can use it on our website. By applying this, we can take input of any user, if we need any kind of data, then we can get any information from any customer or user or reader by making a form in that way.

<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
for more tags - visit here - https://www.w3schools.com/tags/tag_input.asp

Inline Block Attribute in HTML

What is the meaning of inline and block elements, so friends, first of all I want to tell you if you put any tag, then every tag has its own place and which tag takes up how much space, then only that Tags can be found out only by searching, now there are two types of tags, in line and block tag inside line, we give that tag as much space as it should take and in the block element it is completely Occupies space For more information, you must watch the video below

Here are the block-level elements in HTML:

<address><article><aside><blockquote><canvas><dd><div><dl><dt><fieldset><figcaption><figure><footer><form><h1>-<h6><header><hr><li><main><nav><noscript><ol><p><pre><section><table><tfoot><ul><video>
Here are the inline elements in HTML:

<a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><output><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var>

Meta Tags Attribute in HTML

To bring website traffic to a website, we need to do the search engine optimization of that website, until we get our website ranked well on Google, we cannot earn any money from this website, nor will it go viral. We can expect that that’s why we need to put the meta tag, with the meta tag, we can do a lot of SEO on our website and prepare it for social media.

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

Tables and List Attribute in HTML

To show any result on a website, the most important thing we need is to create tables, to represent any data properly, then we have to use the table tag of HTML to create the table and so on if we want to show any result on our website. If we use any ordered or unordered list of methods, then we can show it very well on our website with list attribute, to make our website professional, we can use table and list anytime on any web page

Ordered and Unordered list Attribute in HTML

On our website, if we have to write some points or there are some things that we can write only with points like 123 abc or first second and third then we can put all these things only with list. So for this we have two types of tags on HTML, one is ordered list and unordered list if we want to write any point but don’t want to write any number or abcd with it then we can write it from unordered list and if we If we want to write abc or 123 then we can write it with ordered list।

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>

Id and Class Attribute in HTML

On a website, we use ID and class, both of which mean that if we want to format, color, change the weight, height or style of the phone, background anything. So for that we use id and class it is mostly used in css for example like if we want to give red color to all the headings of h1 then we will put h1 in red color in style tag but for this We have to use id and so on if we want to color all the headings of h2 like red, blue, yellow, green, pink for this we will use class with each h2 heading

HTML Entities

HTML entity is used when we want to write any special character or any number of different type on our website in some stylish way on our website then we have to use HTML entity for example like dollar pound Equally Copyrighted Registered There are different types of icons under each name of this method and we cannot write this icon directly on our website, if we have to write any kind of code, then we cannot write that too, for this we have to write HTML Entity has to be used, for more information, you must watch the video below

HTML Formatting

When you use a phrase processor, you should be aware of the flexibility to make textual content daring, italicized, or underlined; these are simply three of the ten choices obtainable to point how textual content can seem in HTML and XHTML.

On this article, we are going to know HTML Textual content Formatting, & will perceive varied methods of formatting the textual content. HTML facilitates the power for formatting textual content identical to we do in MS Phrase or any textual content enhancing software program. We are going to undergo just a few such choices.

Instance: On this instance, we merely show textual content in HTML robust, small, and Spotlight formatting respectively.

Something that seems inside <b>…</b> aspect, is displayed in bold as shown below −

<!DOCTYPE html>
<html>

   <head>
      <title>Bold Text Example</title>
   </head>
	
   <body>
      <p>The following word uses a <b>bold</b> typeface.</p>
   </body>
	
</html>
HTML Formatting Elements
Formatting elements were designed to display special types of text:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

HTML Semantic Tags

Semantic HTML or semantic markup is HTML that introduces that means to the online web page fairly than simply presentation. For instance, a <p> tag signifies that the enclosed textual content is a paragraph. That is each semantic and presentational as a result of folks know what paragraphs are, and browsers know how one can show them.

On the flip facet of this equation, tags corresponding to <b> and <i> usually are not semantic. They outline solely how the textual content ought to look (daring or italic), and do not present any further that means to the markup.

Examples of semantic HTML tags embody:

  • Header tags <h1> by means of <h6>
  • <blockquote>
  • <code>
  • <em>

There are a lot of extra semantic HTML tags to make use of as you construct a standards-compliant web site.

Semantic elements
These are some of the roughly 100 semantic elements available:
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

Leave a Reply

Your email address will not be published. Required fields are marked *