Awesome Uniquee 5 HTML tags and attributes
Tags: html, tutorial, codenewbie, webdev
Published: 2021-03-20 15:45:24

Hey in this article I am about to show you some awesome tags and attribute in HTML that can help you a lot in some cases. enjoy guys!


<h2>1) The defer attribute </h2>

You might want to tell the browser to load your HTML DOM first them the javascript scripts. well, that is really easy to do by using the <code> defer </code> attribute in the script tag.

It tells the browser to load the HTML DOM first and not wait for the javascript scripts to load.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qwfa9hhp1hkt92nh3zvx.png)


<h2>2) The Ordered list starting value</h2>
 
I'm sure you have used or heard about the li tag. it makes a list with nice-looking order numbers such as 1. , 2. ... But you can also change this order number and can put a starting attribute in order to tell the ol from which number it should start listing 

You can also use the value attribute on the li tag in order to give it a specific order number.


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4bbdi83xtg7wdca9ecec.png)
 


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r4762rofg0hq1xi60db1.png)


<h2>3) The details tag </h2>

In HTML there is a tag called details tag which you can use in order to specify additional details that the user can open and close on demand.

which means you can put some details on the details tag and it would only show the heading and when the user opens the full details tag then the user can see all details inside the details tag

I know you got confused by what I wrote so there is an example below from which you will understand completely what I was saying.


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vby0ohgjabuctdktir2e.png)
 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/injtkjq5f2ikw2xz4ltl.png)

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mu1k5bq1kuuibmc1lq23.png)
  

<h2>4) Sending mail using HTML </h2>

Now you guys are going crazy by reading the title and thinking that this guy is crazy. But actually, you really can make functionality to allow the users to send mail using HTML.


When the user clicks that link a user will get a popup from which the user can choose from which service the user wants to send the mail from then after selecting the service such as Gmail the user will be redirected to Gmail (or other services) compose with the details that are provided on the link.


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ldyxoquctmbi2xb3imjq.png)
 

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h6z8ikpycruyi1t26jgd.png)


<h2>5) The required attribute </h2>

Maybe most of you know this about the required attribute but it is easy to forget.
instead of using javascript and if statements and all those fancy stuff you can just put the required attribute on the input to make it a required field.



![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5gaq5kfhc0trw88xgquv.png)
 


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6c1a03q2l2yt5e49c49m.png)