Update pages/hari.py

pages/hari.py

@@ -304,15 +304,41 @@ def json_details_page():
         st.session_state['page'] = "home"
 
 # Semi-Structured Data - XML Page
-def xml_details_page():
-    st.title("Semi-Structured Data - XML Details")
-    st.markdown("""
-    **XML** (eXtensible Markup Language) stores data in a hierarchical structure.
 
-    - Uses tags to define data elements.
-    - Commonly used for web data and configuration files.
-    """)
-    st.code('import xml.etree.ElementTree as ET\ntree = ET.parse("file.xml")', language="python")
+    st.markdown("<h1 style='text-align: center; color: blue;'>Handling XML Files</h1>", unsafe_allow_html=True)
+    
+    st.markdown("<h2 style='color: green;'>What is XML?</h2>", unsafe_allow_html=True)
+    st.write("XML (Extensible Markup Language) is a markup language used for storing and transporting semi-structured data.")
+    
+    st.markdown("<h2 style='color: orange;'>Characteristics of XML</h2>", unsafe_allow_html=True)
+    st.write("""
+    - <span style='color: purple;'>XML</span> is a markup language, meaning it uses tags to define the structure and content of data.
+    - <span style='color: purple;'>XML</span> is semi-structured, meaning it has a flexible structure that can be defined by the user.
+    - <span style='color: purple;'>XML</span> tags are not predefined, allowing users to create their own custom tags.
+    """, unsafe_allow_html=True)
+    
+    st.markdown("<h2 style='color: orange;'>Basic Structure of XML</h2>", unsafe_allow_html=True)
+    st.write("""
+    - XML documents consist of elements, which are represented by tags.
+    - Tags have an opening and closing tag, with the content enclosed within.
+    - The basic structure of an XML tag is: `<openingtag>content</closingtag>`
+    """, unsafe_allow_html=True)
+    
+    st.markdown("<h2 style='color: orange;'>Example of XML Data</h2>", unsafe_allow_html=True)
+    st.code("""
+    <persons>
+        <person>
+            <name>John Doe</name>
+            <age>30</age>
+            <gender>Male</gender>
+        </person>
+        <person>
+            <name>Jane Doe</name>
+            <age>25</age>
+            <gender>Female</gender>
+        </person>
+    </persons>
+    """, language="xml")
 
     # Google Colab Link
     st.markdown("<h5 style='color:blue;'>Download Jupyter Notebook or PDF with Code Examples</h5>", unsafe_allow_html=True)