Struttura della pagina Web
Codice HTML:
Struttura HTML
Struttura di base per ogni documento HTML
Codice HTML:
Titolo del Documento
Cimentati nel <head>...</head>
Commenti
Note ed informazioni nel corpo del testo ma non visualizzate dal browser
Codice HTML:
Colori di Sfondo Pieni
Colora lo sfondo della web page.
Codici HTML:
Sfondi con Motivi Testuali
Usa un'immagine grafica per creare uno sfondo per la pagina web.
Codice HTML:
Testi e Link Colorati
Colora tutti gli oggetti testuali o i link di qualsiasi colore l'utente desideri.
Codice HTML:
META Refresh
Imposta il browser in modo che attenda X secondi prima di saltare automaticamente ad un altro URL o pagina specificata da zzzzzzzz.
Codice HTML:
Descrittori META
DESCRIPTION fornisce del testo che viene visualizzato per il tuo sito quando questo viene tornato da qualche motore di ricerca. KEYWORDS indica le parole chiavi principali che possono essere usate per cercare il sito attraverso un motore di ricerca.
Codice HTML:
Frame
FRAMESET definisce una collezione di righe o colonne in una pagina web disegnata con i frame. I valori delle dimensioni possono essere percentuali ( come COLS="20%,30%,50%" od in pixel assoluti. Un valore di "*" riempie lo spazio rimasto. Frameborder accende (1) o spegne (0) i divisori; se i divisori sono accesi, essi hanno una larghezza specificata dal valore di BORDER.
FRAME definisce il contenuto di un frame; SRC indica l'URL per il contenuto. Il valore di scrolling determina se le barre di scorrimento devono essere visualizzate. Se e' incluso NORESIZE, il frame non puo' essere ridimensionato dall'utente.
Il contenuto del tag NOFRAMES e' visualizzato se il browser non supporta i frame.
---Formattazione Testo---
Codice HTML:
Intestazioni
Intestazioni di sezioni con grandezza variabile, dove n=1 a 6. align=center per allineare l'intestazione al centro della pagina.
Codice HTML:
Style
Applica grassetto, corsivo, o telescrivente (caratteri mono spaziati). Altri che potrebbero funzionare sono sottolineato e sbarrato.
Codice HTML:
Indirizzi
Rende corsivo e piu' spaziato il testo per il fondopagina.
Codice HTML:
Quote
Indentazioni e spazi trasposti per lunghe quotazioni.
Codice HTML:
Testo Preformattato
Visualizza caratteri mono spaziati con tutti gli spazi e i ritorni a capo preimpostati.
Codice HTML:
Caratteri Speciali
Codici per set di caratteri speciali e segni diacritici.
Codice HTML:
Lampeggiare
Testo che appare e scompare in un modo molto noioso.
Codice HTML:
Altezza dei Caratteri
Cambia l'altezza del testo selezionato, dove X=1-7. Puoi usare anche variazioni relative (-1, +2, -1, -2, etc...) al valore di <basefont=Z> corrente.
Codice HTML:
Colore dei Caratteri
Cambia il colore dei testi selezionati dove XXXXXX e' il codice esadecimale del valore del colore RGB.
Codice HTML:
---Spaziature e Divisioni Testo---
Codice HTML:
Paragrafi
Forza nuovi paragrafi con una linea bianca di separazione.
Break
Forza nuovi paragrafi senza una linea bianca di separazione.
Codice HTML:
Linee Orizzontali
Forza nuovi paragrafi con una linea di separazione piena. Attributi opzionali: width specifica la larghezza della linea sulla pagina, dove X e' il numero assoluto dei pixel e "X%" un'ampiezza relativa alla finestra del browser; size specifica lo spessore della linea in pixel; align forza la linea ad allinearsi ad un lato della pagina piuttosto che al centro; noshade disegna una linea intera senza l'ombra tridimensionale.
Codice HTML:
Allineamento Centrato
Allinea qualsiasi cosa al centro della pagina.
Codice HTML:
Divisioni
Allinea tutto al centro, a sinistra, a destra della pagina.
Codice HTML:
Tabelle
Le tabelle semplici hanno bordi di un pixel e divisioni tra le varie celle. Omettendo l'attributo border, o settandolo a border=0, si crea una tabella invisibile. Valori del border maggiori di 1 creano un bordo piu' grosso. cellpadding e' la quantita' di spazio (in pixel) tra il contenuto della cella e la sua parete. cellspacing determina la larghezza della parete propria delle celle. <tr> definisce la singola riga della tabella e <td> fornisce i dati contenuti in una singola cella. Opzionali per il tag <td> sono l'allineamento orizzontale e verticale in una cella. Gli attributi rowspan e colspan possono essere usati per creare celle che si allungano per piu' di una cella.
Usa l'attributo bgcolor per definire un colore di sfondo per una cella (dentro un tag <td>), una riga (dentro un tag <tr>) o per l'intera tabella (dentro un tag <table>).
---Elenchi---
Codice HTML:
Elenco di Oggetti
Elenco non ordinato <ul> per oggetti puntati, elenchi ordinati <ol> per oggetti numerati.
Codice HTML:
Punti per Elenchi Non-Ordinati
Dai un'occhiata ai punti ordinari:
● --> type=circle
■ --> type=square
○ --> type=disc
Codice HTML:
Finito :-)
Alla prossima
Fonte:INFORGE
Non dite che non ho fatto niente perchè ci ho messo molto tempo per farla anche se non è mia.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Struttura di base per ogni documento HTML
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Cimentati nel <head>...</head>
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Note ed informazioni nel corpo del testo ma non visualizzate dal browser
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Colora lo sfondo della web page.
Codici HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Usa un'immagine grafica per creare uno sfondo per la pagina web.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Colora tutti gli oggetti testuali o i link di qualsiasi colore l'utente desideri.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Imposta il browser in modo che attenda X secondi prima di saltare automaticamente ad un altro URL o pagina specificata da zzzzzzzz.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
DESCRIPTION fornisce del testo che viene visualizzato per il tuo sito quando questo viene tornato da qualche motore di ricerca. KEYWORDS indica le parole chiavi principali che possono essere usate per cercare il sito attraverso un motore di ricerca.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
FRAMESET definisce una collezione di righe o colonne in una pagina web disegnata con i frame. I valori delle dimensioni possono essere percentuali ( come COLS="20%,30%,50%" od in pixel assoluti. Un valore di "*" riempie lo spazio rimasto. Frameborder accende (1) o spegne (0) i divisori; se i divisori sono accesi, essi hanno una larghezza specificata dal valore di BORDER.
FRAME definisce il contenuto di un frame; SRC indica l'URL per il contenuto. Il valore di scrolling determina se le barre di scorrimento devono essere visualizzate. Se e' incluso NORESIZE, il frame non puo' essere ridimensionato dall'utente.
Il contenuto del tag NOFRAMES e' visualizzato se il browser non supporta i frame.
---Formattazione Testo---
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Intestazioni di sezioni con grandezza variabile, dove n=1 a 6. align=center per allineare l'intestazione al centro della pagina.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Applica grassetto, corsivo, o telescrivente (caratteri mono spaziati). Altri che potrebbero funzionare sono sottolineato e sbarrato.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Rende corsivo e piu' spaziato il testo per il fondopagina.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Indentazioni e spazi trasposti per lunghe quotazioni.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Visualizza caratteri mono spaziati con tutti gli spazi e i ritorni a capo preimpostati.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Codici per set di caratteri speciali e segni diacritici.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Testo che appare e scompare in un modo molto noioso.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Cambia l'altezza del testo selezionato, dove X=1-7. Puoi usare anche variazioni relative (-1, +2, -1, -2, etc...) al valore di <basefont=Z> corrente.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Cambia il colore dei testi selezionati dove XXXXXX e' il codice esadecimale del valore del colore RGB.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Forza nuovi paragrafi con una linea bianca di separazione.
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Forza nuovi paragrafi senza una linea bianca di separazione.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Forza nuovi paragrafi con una linea di separazione piena. Attributi opzionali: width specifica la larghezza della linea sulla pagina, dove X e' il numero assoluto dei pixel e "X%" un'ampiezza relativa alla finestra del browser; size specifica lo spessore della linea in pixel; align forza la linea ad allinearsi ad un lato della pagina piuttosto che al centro; noshade disegna una linea intera senza l'ombra tridimensionale.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Allinea qualsiasi cosa al centro della pagina.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Allinea tutto al centro, a sinistra, a destra della pagina.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Le tabelle semplici hanno bordi di un pixel e divisioni tra le varie celle. Omettendo l'attributo border, o settandolo a border=0, si crea una tabella invisibile. Valori del border maggiori di 1 creano un bordo piu' grosso. cellpadding e' la quantita' di spazio (in pixel) tra il contenuto della cella e la sua parete. cellspacing determina la larghezza della parete propria delle celle. <tr> definisce la singola riga della tabella e <td> fornisce i dati contenuti in una singola cella. Opzionali per il tag <td> sono l'allineamento orizzontale e verticale in una cella. Gli attributi rowspan e colspan possono essere usati per creare celle che si allungano per piu' di una cella.
Usa l'attributo bgcolor per definire un colore di sfondo per una cella (dentro un tag <td>), una riga (dentro un tag <tr>) o per l'intera tabella (dentro un tag <table>).
---Elenchi---
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Elenco non ordinato <ul> per oggetti puntati, elenchi ordinati <ol> per oggetti numerati.
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Dai un'occhiata ai punti ordinari:
● --> type=circle
■ --> type=square
○ --> type=disc
Codice HTML:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Alla prossima
Fonte:INFORGE
Non dite che non ho fatto niente perchè ci ho messo molto tempo per farla anche se non è mia.
