XML Program with CSS

Put Your Plan Into Action

XML Program with CSS

this program contain Two file which is

  • css file (for designing )
  • XML (Data file)

XML File Code

<?xml version= "1.0"?>
	<?xml-stylesheet type="text/css" href="studentDetails.css"?>
		<student>
			STUDENT DETAILS 1:
				<info>
					USN:<usn>15YASAC 003</usn>
					NAME:<name>ARNABH RAY</name>
					COLLEGE:<coll>PRESIDENCY COLLEGE</coll>
					BRANCH:<branch>MCA</branch>
					YEAR OF JOINING:<yoj>2015</yoj>
					EMAIL-ID:<email>rayarnabh95@gmail.com</email>
				</info>
			<br/>
			STUDENT DETAILS 2:
				<info>
					USN:<usn>15YASAC 040</usn>
					NAME:<name>GEETH</name>
					COLLEGE:<coll>PRESIDENCY COLLEGE</coll>
					BRANCH:<branch>MCA</branch>
					YEAR OF JOINING:<yoj>2015</yoj>
					EMAIL-ID:<email>geethchinu94@gmail.com</email>
				</info>
			<br/>
			STUDENT DETAILS 3:
				<info>
					USN:<usn>15YASAC 045</usn>
					NAME:<name>SUVAM DAWN</name>
					COLLEGE:<coll>PRESIDENCY COLLEGE</coll>
					BRANCH:<branch>MCA</branch>
					YEAR OF JOINING:<yoj>2015</yoj>
					EMAIL-ID:<email>suvamdawn94@gmail.com</email>
				</info>
	</student>

CSS file For Designing

CSS Types

student{
	margin-top : 15px;
	font-weight : bold;
	color : black;
}
info{
	display : block;
	margin-left : 15px;
	color : gray;
}
usn, name{
	color : red;
	font-size : 15pt;
}
coll, branch{
	color : blue;
	font-size : 15pt;
}
yoj, email{
	color : green;
	font-size : 15pt;
}

 

Leave a Reply

Your email address will not be published. Required fields are marked *