# 10 HTML Pro Tricks You Need To Know

# What is HTML?

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.<br>
It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

# 10 HTML Pro Tips

- **`Start` Attribute**

The `start` attribute specifies the start value of the first list item in an ordered list. This value is always an integer, even when the numbering type is letters or romans.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668109823603/wnQsyHe2Y.png align="center")

- **`<abbr>` Tag**

The `<abbr>` tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668110525151/DXcoLsFEE.png align="center")

- **`<meter>` Tag**

The `<meter>` tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668111822310/UeqY0sipx.png align="left")

- **`<fieldset>` Tag**

The `<fieldset>` tag is used to group related elements in a form.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668111879617/VDDB5E9qa.png align="left")

- **`Window.opener` Property**

The `opener` property returns a reference to the window that created the window.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668111946427/JLdHZnJn0.png align="left")

- **`<base>` Tag**

The `<base>` tag specifies the base URL and/or target for all relative URLs in a document.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668112223187/Fwb1ieakM.png align="left")

- **`Accordion`**

The `accordion` is useful when you want to toggle between hiding and showing a large amount of content:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668112261567/p1vjKUeIp.png align="left")

- **`loading=lazy` Attribute**

The `loading` attribute specifies whether a browser should load an image immediately or to defer loading of off-screen images until for example the user scrolls near them.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668112333545/ZwUabQuAY.png align="left")

- **`<ol> reversed` Attribute**

The `reversed` attribute specifies that the list order should be descending (9,8,7...), instead of ascending (1, 2, 3...).

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668112463766/lw5d55mO_.png align="left")

- **`Download` Attribute**

The `reversed` attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1668112622724/FI_Xk7Tud.png align="left")

I hope you all enjoyed this article and were able to learn some new HTML features! If you have any doubts or questions, make sure to write them in the comments below. Also, please add a reaction to this article and rate it out of 10. I really appreciate it 🙏

Don’t forget to join my [Discord server](https://discord.gg/cMBSgG4Xd7)!

#Have a Great Day! Thank you! Happy Coding! 💻⚡