dev-resources.site

for different kinds of informations.

"Powerful Tricks and Features About HTML You Should Know"

Published at

12/31/2024

Categories

html

attribute

web

webdev

Author

mahiamomo

Main Article

https://dev.to/mahiamomo/powerful-tricks-and-features-about-html-you-should-know-3g8o

Categories

4 categories in total

Author

9 person written this

"Powerful Tricks and Features About HTML You Should Know"

HTML: The Backbone of the Web

HTML is the king of web development. No matter which technology you use, everything ultimately converts into HTML for the browser. The code displayed in the browser is always HTML, making it the foundation of the web.With its simplicity and versatility, HTML allows you to build, modify, and present web content effortlessly. Understanding and utilizing its core features can unlock a world of possibilities for your web projects.

Here are some amazing HTML tricks and features :

1.Start Attribute:

Code:

 <html lang="en">
    <head>
    </head>
    <body style="font-family:'Inter',sans-serif">
        <!---- start attribute -->
        <ol start="7">
            <li>Javascript 🔥</li>
            <li>Python 🤩</li>
            <li>PHP❤️</li>
        </ol>
    </body>
</html>

Output:

2.Contenteditable Attribute:

Code:

        <!-- 'contenteditable' attribute -->

        <div contenteditable="true">HTML can hack NASA !</div>

Output:

3.Mark Element:

Code:

<!-- 'mark element'-->
         <p>HTML can hack <mark>NASA</mark> !</p>

Output:

4.Details & Summary Element:

Code:

<!-- 'details' and 'summary' element -->
         <details>
            <summary>You can Support Mahia Momo</summary>
            <p>Follow me on Linkedin</p>
            <p>Follow me on Github</p>
         </details>

Output:

5.Accept Attribute:

Code:

         <!-- 'accept' attribute -->
          <input type="file" accept=".pdf"/>

Output:

6.Poster Attribute:

Code:

<!-- 'poster' attribute -->

        <video src="https://youtu.be/7lmoLxbUENM?si=SzrFXlw5KaEdB8m6" style="width: 150px" poster="https://i.pinimg.com/736x/65/69/b8/6569b84671e254fb3531076d4fdcb84b.jpg">
         Video
        </video>

Output:

7.KBD Element:

Code:

 <!-- 'kbd' element -->
         <div>Press<kbd>ctrl</kbd> & <kbd>tab</kbd> to change browser tab </div>

Output:

8.ABBR Element:

Code:

        <!-- 'abbr' element -->
         <abbr title="I am Mahia Momo">I am Mahia Momo🚀</abbr>

Output:

web Article's

30 articles in total

The Surprising Truth About Local SEO for Attorneys in 2025: Why They Are Rethinking Their Strategy

SEO AI: Your Secret Weapon for Boosting SEO Performance!

What is Web Hosting and How Does It Work?

FastHTML and Heroku

Stack Developer Web

Adding structured data with Perl

Learn a little about the patriarchal protocol of the internet, the father of tcp/ip!!

Static website forms

Creating a system that connects tailors with customers for suit rentals involves integrating features to enhance user experience for both parties. (web, mobile , payment)

How DevOps Accelerates the Software Development Lifecycle

My Portfolio is finally done !🙌

Discover Kando The Lightweight Storage Utility You Didn’t Know You Needed

How to create a hugo theme with contact form

How to Implement Image Drag-and-Drop in React

"Different Types of CSS Selectors”

What is the Difference Between Data Science and Web Development?

Are Web APIs the same as REST APIs? How to Improve your Web Apps with Web APIs

Cozy Blocks: The Ultimate Gutenberg Blocks Plugin & Page Builder for WordPress

Introducing the New Flutter AI AssistView Widget

Styling with FSCSS

Loco 0.14 on Cathyos: 始め方

"Powerful Tricks and Features About HTML You Should Know"

currently reading

Um reels meu atingiu 1 milhão de visualizações com humor para desenvolvedores

Understanding Sitemaps: The Simple Guide 💯

Web Development: A Guide to Building Accessible and Engaging Platforms

Bem-vindo ao desenvolvimento Web: Um guia prático para quem está começando do zero

Template Poster IG

Boost Your Business Online: Why Having a Website Is a Must in 2024

Barış Dayak - Dijital Çözümler artık Apple Haritalar'da!

Featured ones:

abubakersiddique761