Update pages/hari.py

pages/hari.py

@@ -305,28 +305,42 @@ def json_details_page():
 
 # Semi-Structured Data - XML Page
 
+def xml_details_page():
+    st.title("Semi-Structured Data - XML Details")
+    st.markdown("
+    **XML** (Markup Language) is a markup language used for storing and transporting semi-structured data.", unsafe_allow_html=True)
+
+    st.title("Working with XML Data in 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("<h3 style='text-align: center; color: blue;'>Handling XML Files</h3>", 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>`
+    st.markdown("<h2 style='color: green;'>What is XML?</h2>", unsafe_allow_html=True)
+    st.markdown("""
+    <ul style="font-family: Arial; line-height: 1.6;">
+        <li><code>XML</code> is a markup language, meaning it uses tags to define the structure and content of data.</li>
+        <li> It is semi-structured, meaning it has a flexible structure that can be defined by the user.</li>
+        <li>Tags are not predefined, allowing users to create their own custom tags.</li>
+    </ul>
     """, unsafe_allow_html=True)
-    
+
+    st.markdown("<h3 style='text-align:; color: #ffa500;'>Basic Structure of XML(.xlsx)</h3>", unsafe_allow_html=True)
+    st.markdown("""
+    <ul style="font-family: Arial; line-height: 1.6;">
+        <li> XML documents consist of elements, which are represented by <b>tags</b>.</li>
+        <li> Tags have an opening and closing tag, with the content enclosed within.</li>
+        <li>The basic structure of an XML tag is: `<openingtag>content</closingtag>`</li>
+    </ul>""", unsafe_allow_html=True)
+
     st.markdown("<h2 style='color: orange;'>Example of XML Data</h2>", unsafe_allow_html=True)
-    st.code("""
-    <persons>
+
+    st.code("""<persons>
         <person>
             <name>John Doe</name>
             <age>30</age>
@@ -340,6 +354,9 @@ def json_details_page():
     </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)
     notebook_url = "https://colab.research.google.com/drive/14xGAxu_rKAl_eslODfQXoTEpN7NU4lk6"