Posts

Tags examples

Image
🌐 HTML Tags Cheat Sheet (Interactive) Click the Example button to expand a preview + dark code block. Use Copy to copy code. This variant includes examples for the most useful tags only. 1. Document Structure & Metadata Tag Description Example <!DOCTYPE> Defines the document type ▶ Example Standard HTML5 doctype declaration Copy <!DOCTYPE html> ``` <html> Defines the root of an HTML document ▶ Example Root element with language attribute Copy <html lang="en">\n <head>...</head>\n <body>...</body>\n</html> <head> Contains metadata/information ▶ Example Head with meta and title Copy <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <title>Page Title</tit...

Bdi and bdo

BDI & BDO Visual Demo BDI & BDO Visual Demo Interactive demo that shows how <bdi> isolates direction and <bdo dir="rtl"> forces direction. Try controls below. Page base direction Set LTR Set RTL Quick inserts Insert English name Insert Arabic name Actions Reset 1) Basic mixing (no BDI/BDO) <mix> Alice (علي) — score: 120 ← LTR ↔ RTL → 2) Using <bdi> (isolation) <bdi> Name: Alice (علي) — score: 120 3) Using <bdo dir="rtl"> (override) <bdo dir="rtl"> Name: Alice (علي) — score: 120 4) Edge case: numbers + m...

HTML TAGS

🌐 HTML Tags Cheat Sheet 1. Document Structure & Metadata Tag Description <!DOCTYPE> Defines the document type <html> Defines the root of an HTML document <head> Contains metadata/information for the document <title> Defines a title for the document <base> Specifies base URL/target for all relative URLs <link> Defines the relationship to an external resource (like CSS) <meta> Defines metadata about the HTML document <style> Defines style information for a document <script> Defines a client-side script <noscript> Alternate content for users without script support <template> Container for content hidden when page loads 2. Document Layout & Sections Tag Description <body> Defines the document’s body <header> Defines a header for a document or section <footer> Defines a footer for a document or sec...

CSS

 CSS

HTML Syntax

HTML Syntax October 23, 2025 🧠 What is HTML? HTML = HyperText Markup Language It’s the skeleton of a webpage — it builds the structure of what you see online. 🧩 Think of: HTML → bones (structure 🦴) CSS → clothes (style 👕) JavaScript → brain (actions 🧠) <!--!+Tab shortcut --> <!DOCTYPE html > <html lang = "en" > <head> <meta charset = "UTF-8" /> <meta name = "viewport" content = "width=device-width, initial-scale=1.0" /> <!-- <meta http-equiv="refresh" content="10">--> <!-- <meta name="description" content="Learn HTML basics"> --> <title> Document </title> <link rel = "stylesheet" href = "stylesheet.css" /> </head> <body> <h1 class = "Heading" > Hello World </h...