- 18 Giugno 2010
- 21
- 0
- Miglior risposta
- 0
Haloa, oggi vedremo come inserire in un file HTML ciò che abbiamo scritto e spiegato in un altro topic.
Prima di iniziare la guida, consiglio di mettere SEMPRE un doctype prima del tag <html> , per la corretta visualizzazione per ogni browser. Come doctype consiglio questo:
Basterà copiarlo e incollarlo all' inizio della pagina web, prima (come dicevo) del tag <html> .Naturalmente cambierà da caso a caso, se inseritete frame dovrete inserire quello relativo ai frame.
Torniamo a noi.
La cosa è molto semplice, basterà infatti prima collegare il css all' html tramite il comando:
tra <head> e </head>, come spiegato nella guida precedente. Fatto ciò, scriveremo:
Naturalmente al posto di "nomeclasse" scriverete il nome del vostro selettore esempio se avete creato una classe così:
in HTML scriveremo
Se avete creato un selettore per scriverci del testo dentro, basterà scrivere tra <div class="nomeclasse"> e </div>, esempio:
Questo è il metodo per "importare" ciò che abbiamo scritto nel css in un file html, php che sia. Ora vediamo come mettere due div accanto, dato che se le scriviamo comunque sulla stessa riga, andranno a capo. Le possibilità sono due:
1. Inserire float: left; nel file CSS, ovvero:
e poi riporete in HTML: <div class="1"></div><div class="2"></div>
(Non consigliato se si mettono piu' classi di seguito come vedremo sotto)
2. Creare una table HTML.
Come creare una table?
Qui di seguito spiegherò i tag base per crearla.
<table> va sempre inserita per far sì che si crei;
<tr> serve per creare una nuova "riga">;
<td> serve per creare una nuova "colonna">
Esempio pratico: abbiamo 6 classi css, chiamate: 1-2-3 e a-b-c . Vogliamo che 1-2-3 stiano una di seguito all' altra e a-b-c stiano accanto ad esse.
CSS:
HTML: (saltiamo head ecc. passiamo alla sostanza)
Se vogliamo invece che non ci sia spazio tra i vari <td> scriveremo accanto a table: cellspacing="0" cellpadding="0" quindi diventerà: <table cellspacing="0" cellpadding="0">
GUIDA CREATA DA ARMADILLO. VIETATA LA COPIA NON AUTORIZZATA.
Prima di iniziare la guida, consiglio di mettere SEMPRE un doctype prima del tag <html> , per la corretta visualizzazione per ogni browser. Come doctype consiglio questo:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Basterà copiarlo e incollarlo all' inizio della pagina web, prima (come dicevo) del tag <html> .Naturalmente cambierà da caso a caso, se inseritete frame dovrete inserire quello relativo ai frame.
Torniamo a noi.
La cosa è molto semplice, basterà infatti prima collegare il css all' html tramite il comando:
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
tra <head> e </head>, come spiegato nella guida precedente. Fatto ciò, scriveremo:
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Naturalmente al posto di "nomeclasse" scriverete il nome del vostro selettore esempio se avete creato una classe così:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
in HTML scriveremo
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Se avete creato un selettore per scriverci del testo dentro, basterà scrivere tra <div class="nomeclasse"> e </div>, esempio:
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Questo è il metodo per "importare" ciò che abbiamo scritto nel css in un file html, php che sia. Ora vediamo come mettere due div accanto, dato che se le scriviamo comunque sulla stessa riga, andranno a capo. Le possibilità sono due:
1. Inserire float: left; nel file CSS, ovvero:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
e poi riporete in HTML: <div class="1"></div><div class="2"></div>
(Non consigliato se si mettono piu' classi di seguito come vedremo sotto)
2. Creare una table HTML.
Come creare una table?
Qui di seguito spiegherò i tag base per crearla.
<table> va sempre inserita per far sì che si crei;
<tr> serve per creare una nuova "riga">;
<td> serve per creare una nuova "colonna">
Esempio pratico: abbiamo 6 classi css, chiamate: 1-2-3 e a-b-c . Vogliamo che 1-2-3 stiano una di seguito all' altra e a-b-c stiano accanto ad esse.
CSS:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
HTML: (saltiamo head ecc. passiamo alla sostanza)
HTML:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Se vogliamo invece che non ci sia spazio tra i vari <td> scriveremo accanto a table: cellspacing="0" cellpadding="0" quindi diventerà: <table cellspacing="0" cellpadding="0">
GUIDA CREATA DA ARMADILLO. VIETATA LA COPIA NON AUTORIZZATA.
