10 HTML Pro Tricks You Need To Know

10 HTML Pro Tricks You Need To Know

Β·

2 min read

Play this article

What is HTML?

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.
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

  • <abbr> Tag

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

image.png

  • <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

  • <fieldset> Tag

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

image.png

  • Window.opener Property

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

image.png

  • <base> Tag

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

image.png

  • Accordion

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

image.png

  • 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

  • <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

  • 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

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!

#Have a Great Day! Thank you! Happy Coding! πŸ’»βš‘

Β