Welcome to a tutorial on how to create rows and columns in HTML without using tables. So you need to some layout on your website, but just not by using the inflexible tables? In HTML and CSS, there are a few common ways to create rows and columns without using the <table> tag: CSS flexible …
3 Ways to Layout Rows Columns In HTML Without Tables Read More »
Welcome to a tutorial on how to keep the aspect ratio of an image in HTML and CSS. So you have placed an image on your webpage and decided to resize it a little… But a slight problem happened and the image goes out-of-proportions. To maintain the aspect ratio of images in CSS, the easiest …
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 »
