How-to articles, tricks, and solutions about HTML5

In this tutorial, you’ll find out how to add text on the HTML5 <canvas> element. For that, you need Javascript. Use the fillText() and strokeText() methods.

There are several ways to place a clickable button on a webpage that will be linked to another page of your website. You can add inline onclick event to HTML button tag, or input tag.

Learn about how to add border to an image, how to add styling to it and how to specify each corner and have circle borders. Practice all with examples.

A <table> can have multiple <tbody> elements each of them specifying a row group. Read this snippet to see how to add several <tbody> elements in the same table.

Read this JavaScript tutorial and learn about the best method of calculating the text width. Read about the advantages of the method over other methods.

Learn How To Change the Color of an HTML5 Input Placeholder with CSS with W3docs tutorial. Try the code examples yourself. Fast solution.

Read this tutorial and learn several methods of converting an image to a Base64 string using JavaScript. Choose the right approach for you and try examples.

Read this JavaScript tutorial and find the method that is used for creating a new DOM element from an HTML string. Get the explanation and see examples.

Learn how to make a placeholder for a select box. Use only 3 HTML attributes or CSS :invalid pseudo-class and the display property set to none.

The best way of creating a teardrop is to use SVG, which is used to specify vector-based graphics. In our snippet, we show how to create a teardrop using SVG.

On this page, you’ll find information on creating an SVG drop shadow. For that purpose, you can use the SVG <feDropShadow> element or the CSS filter property.

HTML5 range input type allows creating range sliders. Read the tutorial and learn a simple solution including a jQuery code to achieve the desired result!

Learn How to Display the Hidden Element on Hovering Over Hyperlink or <a> tag. With this article, you can learn how to show the hidden elements.

Read this tutorial and learn about the safe method of calling a function when you have its name as a string. Also, read about why you should not use eval().

In this tutorial, you will read and learn several methods that are used to hide HTML5 arrow buttons from the number input with the help of CSS properties.

See how to use <video> and <iframe> tags instead of the <embed>, <frame> and <object> tags. Learn how to set video autoplay. Practice with examples.

If you want to make a button onclick, you need to add the onclick event attribute to the <button> element. Learn How to Make Button Onclick with Examples.

Use CSS padding and border-spacing properties for setting cellpadding and cellspacing for tables. Step by step guide with examples.

Learn the ways of styling and have attractive horizontal lines: how to change color and size, set images as horizontal lines and a pack full of various kinds of <hr> examples.

In this tutorial, you will find useful information about the usage of jQuery selectors on custom data attributes. See examples and solve your problem.

Learn how to create an HTML5 page step by step. From doctype to different sections. See syntax and examples and practice yourself.