Welcome to a quick tutorial on how to create image links in HTML. Want to redirect the user when they click on an image? Create a redirect button using an image? The easy way to create an image link in HTML is to wrap the image in an anchor tag – <a href=”HTTP://SITE.COM”><img src=”IMAGE.JPG”/></a> That …
5 Ways To Create Image Links In HTML – Simple Examples Read More »
Welcome to a quick tutorial on how to create a grid in Javascript. Need to display some data in a nice grid? Gone are the good old days where we have to use crazy tables and CSS hacks. To create a grid in Javascript: Define an HTML grid container. <div id=”grid”></div> #grid { display: grid; grid-template-columns: …
How To Create A Grid In Javascript – Simple Examples Read More »
Welcome to a quick tutorial on how to create and append HTML elements in Javascript. Need to add some content, or update a certain part of the page using Javascript? There are 2 common ways to create and insert HTML elements in Javascript. By directly changing the inner HTML of an element – document.getElementById(“ID”).innerHTML = …
How To Create & Append HTML Elements In Javascript Read More »
Welcome to a quick tutorial on how to do HTML form validation without Javascript. Once upon a time in the Dark Ages of the Internet, form validation used to be a “complicated process” that can only be done in Javascript. But ever since the launch of HTML5, things have become a lot easier. HTML offers …
HTML Form Validation Without Javascript – Simple Examples Read More »
Welcome to a quick tutorial on how to create and style HTML lists. Just started with HTML lists? Wondering how people do all sorts of crazy layouts using lists? Well, I am going to condense all of the common examples in this guide, so you don’t have to look everywhere – Read on! ⓘ I …
How To Create and Style HTML List – Simple Examples Read More »
Welcome to a quick tutorial on how to get the HTML form data in Javascript. So you have an HTML form but want to do the processing in Javascript instead? To get the HTML form data in Javascript: Create a new form data object – var data = new FormData(); Assign an ID to the …
How To Get HTML Form Data In Javascript – Simple Examples Read More »
Welcome to a quick tutorial on how to show error messages in HTML forms. This is probably one of the major bugbears for some beginners, how do we handle and show error messages for HTML forms? There are no fixed ways to show errors in HTML forms, but the common methods to display error messages …
How To Show Error Messages In HTML Forms – Simple Examples Read More »
Welcome to a quick tutorial on how to create an HTML form. Just started with HTML and overwhelmed by how “complicated” it is to create an HTML form? Well, no, 10 minutes is actually all you need to learn how. Creating an HTML form is a simple 3-steps process: Define the HTML <form> tag. Sandwich …
How To Create A Simple HTML Form – A Quick Guide Read More »
Welcome to a quick tutorial on how to add custom fonts to your website. So, your website is a little boring and you want to use a different font? Yes, it is totally possible to do so, but it requires a little bit of coding. To add custom fonts to your website: Upload the font …
How To Add Custom Fonts To Your Website – Simple Examples Read More »
Welcome to a quick tutorial on how to create scrollable elements in HTML and CSS. So you have a huge piece of content (table, list, text, image) that broke the page layout. A quick fix is to place the content in a scrollable container. To create a scrollable element in HTML and CSS: Wrap the …
How To Create Scrollable Elements In HTML – Simple Examples Read More »
