Welcome to a quick tutorial on how to create HTML button links. Text links work great, but they sure are not catchy enough. Also on mobile devices, one with fat fingers may have a little trouble with tapping that small text link. The easy way to create HTML button links is to wrap the button …
5 Ways To Create HTML Button Links (Simple Examples) Read More »
Welcome to a short tutorial on how to add background music in HTML. The fastest way to add background music to a website is to insert an audio tag at the bottom of the page – <audio src=”MUSIC.mp3″ autoplay loop></audio>. Yep, it’s that simple, but there are still a couple of things to take …
How To Add Background Music In HTML (Very Simple Examples) Read More »
Welcome to a tutorial on how to disable elements inside an HTML DIV. To quickly disable all form elements in an HTML DIV, we can get the elements using the query selector and disable them accordingly: var all = document.querySelectorAll(“#container select, #container input, #container textarea, #container button”); for (let el of all) { el.disabled = …
Welcome to a tutorial on how to create vertical lines in HTML and CSS. Want to add a vertical line beside a paragraph or section of the page? One of the easiest ways to create a vertical line in HTML CSS is to add a CSS border. <div style=”boder-left: 5px solid red”>Left Vertical Line</div> <div …
Welcome to a beginner’s tutorial on how to create horizontal lines in HTML and CSS. So you have some content that you want to break up by drawing a line. Well, no sweat. There are 2 easy ways to create horizontal lines in HTML: Use the horizontal rule <hr> element. Add a bottom border with …
2 Ways To Create Horizontal Lines In HTML (HR & Border) Read More »
Welcome to a quick tutorial on how to create a simple breadcrumb menu with pure HTML and CSS. If you are looking to add a breadcrumb menu to your website, there’s really no need to use a “third-party plugin”. We can create a simple one using just pure HTML and CSS – Read on! ⓘ …
Simple Breadcrumb Menu With Pure HTML CSS (Free Download) Read More »
Welcome to a tutorial on how to create sticky footers in HTML and CSS. So you want to stick a navigation bar, or fix a banner at the bottom of the page? One of the easiest ways to create a sticky footer is to set CSS position: sticky on the footer. <footer style=”position:sticky; bottom:0;”>FOOT</footer> That …
Sticky Footers In HTML CSS (Very Simple Examples) Read More »
Welcome to a quick tutorial on how to create sticky headers in HTML and CSS. So you want to stick a header or navbar to the top of the page? Don’t want it to go away when the user scrolls? The easiest way to create a sticky header is to set CSS position: sticky on …
Sticky Headers In HTML CSS (Very Simple Examples) Read More »
