Welcome to a quick tutorial and examples on how to freeze rows and columns in HTML tables. Need to “fix a table row or column”? Only to find out that there are no direct ways to do so in HTML and CSS? The possible ways to freeze a row/column in HTML and CSS are: Limit […]
4 Ways To Freeze Rows & Columns Of HTML Tables (Simple Examples) Read More »
Welcome to a tutorial on how to create a simple donut chart using pure HTML and CSS. Want to display a donut chart in your project? But without using complicated third-party libraries? Yes, it is possible to draw one using only HTML CSS – Read on for the example! TABLE OF CONTENTS Download
Very Simple Donut Chart In HTML CSS (Free Download) Read More »
ANCHOR TAG <a href=”https://code-boxx.com” target=”_self”> Code Boxx (same window). </a> <a href=”https://code-boxx.com” target=”_blank”> Code Boxx (new tab). </a> <a> Anchor tag. Used to create links. href Where to link to. target Where to open the link. _self Open in the same window. This is the default if target is omitted. _blank Open in another tab.
1 Minute HTML CSS Part 7 – Links Read More »
Welcome to a tutorial on how to create a fullscreen overlay in CSS and CSS. Want to build a popup, fullscreen menu, or just “block” the current page? There’s no need to load an entire 3rd party framework, it’s dreadfully easy to build an overlay – Read on! TABLE OF CONTENTS Download &
Very Simple Fullscreen Overlay In HTML CSS Read More »
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 »