July 14
Gli sviluppatori web di creare pagine Web utilizzando un linguaggio chiamato HTML. tabelle HTML consentono di creare griglie. Queste griglie, costituita da righe e colonne, possono contenere informazioni quali numeri e testo. Le griglie hanno anche proprietà del colore. Se avete bisogno di visualizzare una griglia contenente i colori, è possibile creare una tabella HTML e impostare il colore di sfondo di ogni cella di un colore diverso.
1 Aprire il Blocco note e creare un nuovo documento.
2 Inserire il codice qui sotto nel documento. Questo codice genera una griglia di colore creando una tabella con celle e impostando il colore di ogni cella.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html>
<Head>
<Title> Griglia di colore </ title>
<Script type = "text / javascript">
onload = function () {
// Imposta questi tre valori
var file = 5;
var colonne = 5;
colori var = [
"red", "green", "blue", "yellow", "WhiteSmoke", "black",
"Brown", "Corallo", "Crimson", "DarkRed", "darkslateblue",
"Deeppink", "DeepSkyBlue", "dimgray", "Blu Dodger", "refrattario",
"HotPink", "Ivory", "Lavanda", "Lime", "Maroon", "Powderblue",
"Plum", "PaleTurquoise", "marina"
];
var Conteggio a colori = 0;
var cellHeight = "40px";
var cellWidth = "40px";
tabella var = document.getElementById ( "Table1");
var tableBody = document.createElement ( 'tbody');
for (var i = 0; i <righe; i ++) {
var fila = document.createElement ( 'tr');
for (var j = 0; j <colonne; j ++) {
var tableCell = document.createElement('td');
tableCell.style.backgroundColor = "trasparente";
tableCell.style.backgroundColor = colori [Conteggio a colori];
tableCell.style.height = cellHeight;
tableCell.style.width = cellWidth;
Conteggio a colori ++;
tableCell.appendChild (document.createTextNode ( ''))
row.appendChild (TableCell);
}
tableBody.appendChild (riga);
}
table.appendChild (tableBody);
}
</ Script>
</ Head>
<Body>
<Table id = "table1"> </ table>
</ Body>
</ Html>
3 Individuare la riga che legge, "SET questi tre valori." Troverete il seguente codice sotto quella linea:
var file = 5;
var colonne = 5;
In questo esempio, la griglia conterrà cinque righe e cinque colonne perché i valori per le righe e le colonne sono 5 e 5. Impostare questi valori a qualcosa che ti piace. Ad esempio, se si desidera una griglia di colore con tre righe e due colonne, modificare il codice in modo che legge:
var file = 3;
var colonne = 2;
Individuare la riga di codice che legge "colori var =". Questa linea definisce i colori nella griglia. Come mostrato nell'esempio, quei colori sono rosso, verde, blu e altri 22.
4 Disporre quei colori qualsiasi modo tu voglia. Essi appaiono in questo ordine quando si visualizza la griglia di colore. Per esempio, se si desidera verde a comparire davanti rosso nella griglia, mettere verde prima rosso nella stringa di definizione del colore. Essere sicuri di circondare ogni colore con le citazioni, come mostrato nell'esempio. È inoltre possibile sostituire quei colori con i colori della vostra scelta. È possibile scegliere tra i colori da un totale di 147 colori HTML.
5 Fai clic su "File" e selezionare "Salva con nome". Si apre una finestra che consente di salvare il documento come file HTML.
6 Digitare xyz.html nella casella di testo "Nome del file". Sostituire "xyz" con un nome a piacere. Per esempio, se si desidera il nome "MyColorTable," tipo MyColorsTable.html nella casella di testo.
7 Fai clic su "Salva" per salvare il file. Aprire Esplora risorse e individuare il file. Fare doppio clic su di esso. Il tuo browser si aprirà e visualizzare la griglia di colore. Per utilizzare questa tabella in linea, caricarlo sul server web.