Question

write xml coding and CSS coding for the output in attachment...

Answer 1

<?xml version = "1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="brainly.css"?>

<System id="1">
<Name>Motherboard</Name>
<Company>ASUS</Company>
<Part>P3B-F</Part>
<Price>12300.00</Price>
</System>


<System id="2">
<Name>Video Card</Name>
<Company>ATI</Company>
<Part>All-in-Wonder Pro</Part>
<Price>1600.00</Price>
</System>


<System id = "3">
<Name>Sound Card</Name>
<Company>Creative Labs</Company>
<Part>Soud Blaster Live</Part>
<Price>800.00</Price>
</System>


<System id = "4">
<Name>17 inch Monitor</Name>
<Company>LG Electronics</Company>
<Part>995E</Part>
<Price>22900.00</Price>
</System>



CSS:

brainly.css

important
{
margin:2px;
}

Name,Company,Part,Price
{
Display:block;
margin-bottom:10px;
}

Name
{
color:blue;
margin-top:2px;
font-family:Times new roman;
}

Company
{
color:brown;
}

Part
{
color:green;
}

Price
{
color:red;
}



<!Hope this helps-->

Answer 2

<?xml version="1.0"?>

<!-- XML demonstration -->

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

<!DOCTYPE planet>

<planet>

<ocean>

<name>Arctic</name>

<area>13,000</area>

<depth>1,200</depth>

</ocean>

<ocean>

<name>Atlantic</name>

<area>87,000</area>

<depth>3,900</depth>

</ocean>

<ocean>

<name>Pacific</name>

<area>180,000</area>

<depth>4,000</depth>

</ocean>

<ocean>

<name>Indian</name>

<area>75,000</area>

<depth>3,900</depth>

</ocean>

<ocean>

<name>Southern</name>

<area>20,000</area>

<depth>4,500</depth>

</ocean>

</planet>