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 »
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 »
