XML Introduction & Tree Structure
XML (eXtensible Markup Language) is a self-descriptive, hardware- and software-independent markup language designed to store and transport structured data. Unlike HTML which formats presentation, XML structures and transports raw data in a strictly nested tree format.
"If HTML is a printed restaurant menu designed for human eyes, XML is the standardized inventory database schema sent between the kitchen, suppliers, and accounting system."
Deep Dive: How It Works
Data Transport vs Presentation: XML carries data; it does not dictate how data looks on screen.
Extensible Tags: You define your own custom semantic tags (<book>, <price>, <author>) tailored to your domain.
Single Root Element: Every well-formed XML document must contain exactly one root element enclosing all child branches.
Syntax Blueprint
<?xml version="1.0" encoding="UTF-8"?> <root> <child>Data</child> </root>
Starts with an optional XML declaration, followed by exactly one root element with nested children.
Core Rules to Remember
Common Beginner Traps & How to Fix Them
Having multiple top-level root elements.Why it happens: Writing <user>...</user><order>...</order> at the root level violates XML well-formedness rules.
How to fix: Wrap all top-level elements inside a single enclosing root container like <data>...</data>.
Live Interactive Example
Hit Run Code to see it liveYour Turn: Micro Challenge
No pressure! Edit the starter code below and test your solution with instant feedback.
Construct a well-formed user profile tree
- Create a root element <user id="101">.
- Inside <user>, add child elements <username>alex_dev</username> and <role>admin</role>.
- Close all tags properly.
Finished reading and practicing?
Mark this lesson as completed to update your course progress.