XML - Display XML in browser in Graphical Form Using CSS

XML stands for EXtensible Markup Language.

XML was designed to store and transport data.

XML was designed to be both human- and machine-readable.

---

---

XML Document:-

---

<?xml-stylesheet type="text/css" href="xmlstyle.css"?>

<personal_info>

Thats My Personal Information:- 

<self_intro>

It Show Only Self introduction:-

<name>Name: Hafiz Muhammad Usman Siddique</name>

<mob_no>Mob No: 03075230948</mob_no>

</self_intro>

<education>

It show some Educational introduction:-

<reg_no>Reg No: FA13-BSE-080</reg_no>

<university>University : Comsats Wah Campus</university>

</education>

</personal_info>

---

CSS File:-

---

personal_info{color:red;font-weight: bold;border: 1px solid black;width: 24%;padding: 20px;margin: 20px;text-decoration: underline;

}

self_intro{color:green;display: block;padding: 10px;text-decoration: none;

}

name{color:blue;display: block;padding-left: 20px;

}

mob_no{color:orange;display: block;padding-left: 20px;

}

education{color:brown;display: block;padding: 10px;

}

reg_no{color:pink;display: block;padding-left: 20px;

}

university{color:black;padding-left: 20px;

}