HEADINGS <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> There are 6 “levels” of heading in HTML. <h1> Main heading, <h2> sub-heading, <h3> sub-sub heading, and so on… PARAGRAPHS & SENTENCES <p>Paragraph</p> <span>Span</span> <br> <hr> <p> A paragraph. <span> A generic span of text. <br> Line break. <hr> Horizontal rule. […]
1 Minute HTML CSS Part 5 – Text Read More »
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 »
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 »
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 »
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) 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 »
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 »
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 »
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 »
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 »
