CODE RELATED TAGS <code>var a = “hello”;</code> <pre>var b = “world”;</pre> <samp>hello world</samp> <code> A block of code. Extra white spaces and line breaks will be ignored. <pre> Preformatted text. Extra white spaces and line breaks will be retained. <samp> Sample output. HTML SYMBOLS HTML symbols are “special characters” in HTML. For example – […]
1 Minute HTML CSS Part 6 – Code Snippets & Symbols Read More »
Welcome to a tutorial on how to disable HTML elements. Things get complicated when it comes to disabling HTML elements. It can mean disabling a form, stopping videos, preventing copy-paste, preventing text highlighting, or removing clicks. There is no such thing as a “universal way to disable all HTML elements”. However, there are various techniques
4 Ways to Disable HTML Elements (Simple Examples) Read More »
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 »