Tips & Tutorials Archives - Page 8 of 63

1 Minute HTML CSS Part 4 – Basic Page Structure

Last Updated: January 24, 2024

A PROPER BASIC HTML PAGE <!DOCTYPE html> <html> <head> <title>Hello World!</title> <meta name=”description” content=”My first web page.”> <meta charset=”utf-8″> </head> <body> <h1>Hello World</h1> <p>It works!</p> </body> </html> <!DOCTYPE html> HTML document type definition. This is NOT AN HTML TAG, but a definition. <html> Marks the start and end of the HTML document. <head> Header section, […]

1 Minute HTML CSS Part 4 – Basic Page Structure Read More »

1 Minute HTML CSS Part 3 – Nesting & Comments

Last Updated: January 24, 2024

NESTING <h1>Hello World</h1> <p> HTML is nothing but text with formatting. This is <strong>bold,</strong> this is not. </p> Nesting – When we put a tag inside a tag. Not all “combinations” are correct, examples: Makes no sense to put another <h1> in <h1>. Makes no sense to put <h1> in <p>. The best way to

1 Minute HTML CSS Part 3 – Nesting & Comments Read More »

Simple Responsive Text Slider In HTML CSS (Horizontal & Vertical)

Last Updated: January 24, 2024

Welcome to a tutorial on how to create a simple responsive text slider in HTML CSS. So you want to add a text slider to your page? There’s no need to use third-party frameworks, here’s how to create one using pure HTML CSS – Read on! TABLE OF CONTENTS Download & Notes Text

Simple Responsive Text Slider In HTML CSS (Horizontal & Vertical) Read More »

1 Minute HTML CSS Part 2 – HTML Tags

Last Updated: January 24, 2024

HTML TAGS <h1>Hello World</h1> <p>HTML is nothing but text with formatting.</p> HTML stands for Hyper Text Markup Language. It is nothing more than “plain text with formatting”. E.G. <h1> marks a heading, <p> marks a paragraph. HTML tags should be in small letters – <h1><p>. Capital letters work but do not conform to coding standards…

1 Minute HTML CSS Part 2 – HTML Tags Read More »

1 Minute HTML CSS Part 1 – Getting Started

Last Updated: January 23, 2024

1) CODE EDITOR Download and install VSCode – A popular free code editor. If you don’t like VSCode – Here’s a list of free code editors that you can check out. In fact, any text editor will do. Even Notepad. 2) LOCAL HTTP SERVER Not really required, can open HTML files directly in browsers.

1 Minute HTML CSS Part 1 – Getting Started Read More »

3 Simple Responsive Sidebar Designs In HTML CSS

Last Updated: January 23, 2024

Welcome to a tutorial on creating a responsive sidebar in HTML and CSS. So you are working with a layout that has a sidebar, and wonder “how to turn it into a responsive website”? Here are a few simple examples, read on! TABLE OF CONTENTS Download & Notes Responsive Sidebars Extras The End

3 Simple Responsive Sidebar Designs In HTML CSS Read More »

Simple Responsive Bar Chart In HTML CSS (Free Download)

Last Updated: January 23, 2024

Welcome to a tutorial on how to create a simple responsive bar chart in HTML and CSS. So you need to create a simple bar chart in your project? There’s no need to load complicated libraries, here’s how to create one yourself – Read on! TABLE OF CONTENTS Download & Demo Bar Chart Extras The

Simple Responsive Bar Chart In HTML CSS (Free Download) Read More »

4 Ways To Format Number As Currency In PHP

Last Updated: January 23, 2024

Welcome to a quick tutorial and examples on how to format a number as a currency in PHP. Want to display a “nice amount” in your project? The common ways to format a number as currency in PHP are: Use number_format() to manually format the number to currency. $amount = 1234.56; $usd = “$” .

4 Ways To Format Number As Currency In PHP Read More »

3 Ways To Write Math Equations In HTML

Last Updated: January 22, 2024

Welcome to a tutorial on how to write Math equations in HTML. The Internet has come a long way from the Stone Age, and HTML is now fully capable of handling various types of content, languages, images, audio, and videos. But there is one mystery left unanswered… How do we write Math equations? There are

3 Ways To Write Math Equations In HTML Read More »

Simple Fullscreen Loading Spinner (Free Download)

Last Updated: January 22, 2024

Welcome to a tutorial on how to create a fullscreen loading spinner. Want to show a “now loading” screen? There’s no need to load an entire library or framework, here’s how to create one yourself. Read on! TABLE OF CONTENTS Download & Demo Fullscreen Spinner Extras The End DOWNLOAD & DEMO Here

Simple Fullscreen Loading Spinner (Free Download) Read More »