September 28
XML è il linguaggio di primo ministro per la conservazione e il trasporto di dati su Internet. XML non è progettato per la visualizzazione dei dati, e XML non è HTML. Invece, XML si concentra sui dati in sé e permette agli sviluppatori di creare i propri tag che hanno significati specifici dell'applicazione. Se XML grezzo deve essere visualizzato in modo user-friendly, come ad esempio in una pagina Web o come parte di un disegno Web, gli sviluppatori possono utilizzare i CSS per formattare l'XML utilizzando tag personalizzati utilizzando le stesse procedure utilizzate per HTML stile .
1 Aprire un editor di testo e creare un nuovo file di testo denominato "family.xml." In genere, per creare un nuovo file in un editor di testo, selezionare "Nuovo" dal menu "File".
2 Aggiungere la dichiarazione XML per il file nella prima riga. Questa intestazione definisce la versione del file XML ( "1.0") e la codifica ( "ISO-8859-1" (Latin-1 / set di caratteri dell'Europa occidentale)).
<? Xml version = "1.0" encoding = "iso-8859-1"?>
3 Aggiungere il nodo "radice" per family.xml di sotto della dichiarazione XML. Dal momento che il file XML conterrà informazioni relative a una famiglia, utilizzare un nodo radice "<famiglia>" e chiudere il nodo principale ( "</ famiglia>").
<Famiglia>
</ Famiglia>
4 Aggiungere tre nodi "figli" di family.xml tra le "<famiglia>" tag e "</ famiglia>" nodo principale. Include tre nodi "subchild" con ogni "<figlio>" nodo:. "<Nome>", "<age>" e "<il colore degli occhi>" Assicurarsi di chiudere ogni bambino e ogni nodo subchild. Salvare e chiudere family.xml.
<Figlio>
<Nome> Bobby </ nome>
<Age> 15 </ età>
<Il colore degli occhi> blu </ il colore degli occhi>
</ Bambino>
<Figlio>
<Nome> Maria </ nome>
<Age> 10 </ età>
<Il colore degli occhi> marrone </ il colore degli occhi>
</ Bambino>
<Figlio>
<Nome> Susan </ nome>
<Age> 5 </ età>
<Il colore degli occhi> grigio </ il colore degli occhi>
</ Bambino>
5 Creare un nuovo file di testo denominato "family.css" utilizzando le stesse procedure utilizzate per creare "family.xml." Questo file verrà utilizzato per lo stile XML creato nel family.xml.
6 Aggiungere lo stile per il nodo "root", o il "<famiglia>" nodo. Questo stile riguarda tutti gli elementi inclusi nella "<family>" nodo. Impostare lo stile di "font-family: serif".
famiglia {font-family: serif}
7 Aggiungere lo stile per il nodo "bambino", o il "<figlio>" nodo. Questo stile influisce su tutti gli elementi inclusi nella sezione "<figlio>" nodi. Impostare lo stile di "font-size: x-large."
bambino {font-size: x-large}
8 Aggiungere i tre stili per i nodi "subchild", o il "nome", "età" e nodi "figli". Tutti i nodi "name" devono avere uno stile di "colore: blu," tutti i nodi "età" dovrebbero avere uno stile di "colore: verde" e tutti i nodi "Colore degli occhi" dovrebbe avere uno stile di "colore: rosso. " Questi stili influenzano tutti gli elementi inclusi nei nodi "Nome", i nodi "età" e nodi "Colore degli occhi". Salvare e chiudere family.css.
Nome {color: blue}
età {color: green}
Colore degli occhi {color: red}
9 Riaprire family.xml usando l'editor di testo.
10 Modifica family.xml e aggiungere la dichiarazione di foglio di stile, dopo la dichiarazione XML. La dichiarazione di foglio di stile include due attributi: "tipo" ( "text / css"), e "href" ( "family.css"). Salvare e chiudere family.xml.
<? Xml-stylesheet tipo = "text / css" href = "family.css"?>
11 Aprire family.xml in un browser Web. Verificare che i dati XML è in stile in base alle regole descritte nel foglio di stile family.css.