Antilok.tk

Colori testo e sfondo

<BASEFONT>

Specifica le dimensioni del font (carattere) di base su cui si basano poi tutte le relative modifiche di <FONT SIZE=+..> Il valore di default è 3 e può essere compreso tra 1 e 7. Questo Tag è in via di estinzione visto che con i nuovi browser e i relativi fogli di style si ha la sempre più la tendenza a non adoperare più il tag <FONT>-

SI possono inserire anche altri due attributi

FACE specifica il tipo di font

COLOR specifica il colore che potrebbe essere espresso oltre che col nome in inglese anche con il codice numerico esadecimale.

Il mio consiglio è di non adoperarlo, guardate la sezione dedicata ai fogli di style e capirete il perchè.

<BR>

L'elemento <BR> specifica che una nuova riga deve iniziare in un determinato punto, un ritorno a capo forzato, più <br> consecutivi equivalgono a più righe saltate.

Con l'aggiunta di immagini flottanti, allineate a destra o sinistra con il testo che le contorna, è possibile aggiungere l'attributo CLEAR con i seguenti risultati:

CLEAR=left : Spezza la riga e si sposta verticalmente verso il basso fino ad avere un margine sinistro libero.

CLEAR=right : Stessa cosa ma con margine libero destro.

CLEAR=ALL : Si sposta verso il basso fino a quando entrambi i margini non siano liberi da immagini.

<CENTER>...</CENTER>

Tutto ciò che si trova fra gli elementi center /center sarà centrato rispetto ai margini destro e sinistro della finestra del browser. Questo Tag è in disuso da quando elementi quali <DIV> offrono maggiore flessibilità, si ottengono analoghi risultati anche assegnando l'attributo alingn=center ai vari tags di formattazione.

<COMMENT>...</COMMENT>

Consente di lasciare un testo di commento all'interno del listato html senza che questo possa influire o essere visualizzato dal browser. Lo stesso risultato si ottiene anche con i tags <!-- ... -->

<DIV>...</DIV>

L'elemento <DIV> non ha una sua vera e propria caratteristica, serve infatti da supporto, da contenitore per l'associazione con fogli di style e/o layers che sono dei soli browser di nuova generazione. Tutti gli attributi e le associazioni applicate al tag DIV saranno estese a tutto il blocco di codice interessato.

<SPAN>...</SPAN>

L'elemento <SPAN> non ha alcuna caratteristica se non quella di fare da supporto per gli stili, come DIV si presta bene come contenitore per l'associazione di tutto quello che serve ad Html dynamico.

<FONT>...</FONT>

L'elemento <FONT> definisce le dimensioni, il colore e il tipo di carattere adoperato per la scrittura di testo. Questo Tag viene adoperato sempre meno dal momento che i fogli di style riescono a gestire il tutto in modo più semplice e versatile. Il Tag <font> ha dimensione di base(default) del caratte uguale a 3, si veda a questo proposito anche <BASEFONT>. Font da solo non ha ragione di esistere, al suo interno si deve sempre inserire almeno un attributo.

E' possibile specificare quale carattere adoperare dando anche delle eventuali alternative separandole da virgole. Se il font scelto non fosse presente sulla macchina del visitatore si tenterà di visualizzare il secondo font, poi il terzo, e se nessuno dei tre fosse presente il browser adopererà il suo, quello di default. Evitate dunque fonts particolari o meglio poco comuni, quasi sicuramente nessuno riuscirà a vedere il testo allo stesso modo di come avreste voluto.

FACE=nome [,nome] [,nome] L'attributo face imposta il carattere utilizzato e questo deve trovarsi già installato nel computer dell'utente, le alternative sono separate da uno spazio e da una virgola.

COLOR=#rrggbb oppure COLOR= nome in inglese del colore.

SIZE=n oppure SIZE=+n o anche SIZE=-n dove n è un numero compreso fra 1 e 7, mentre i vari + o - si riferiscono al numero che per default è3 a meno di qualche variazione specificata con BASEFONT

Gli attributi possono essere adoperati contemporaneamente

<HR>

L'elemento <HR> Horizontal Rules, altro non è che una linea orizzontale divisoria, come quella che potete vedere in questa pagina a divisione dei vari elementi (tags), per default questa linea è ombreggiata e in rilievo. Si possono modificare i vari attributi.

<HR ALIGN=left | right | center>Dove left right center sono allineamento a sinistra, a destra o centrato

<HR COLOR=nome | #rrggbb>Dove nome è il nome in inglese di uno dei colori possibili, mentre #rrggbb è il codice numerico esadecimale del colore scelto. L'attributo color è supportato dai soli browser IE.

<HR NOSHADE>Nessuna ombreggiatura, praticamente una barra solida.

<HR SIZE=numero>Dove numero è espresso in pixel e si riferisce allo spessore della barra.

<HR WIDTH=numero | percentuale>Senza alcuna specifica la linea orizzontale occupa tutta la largezza della pagina. Con questo attributo si possono specificare con esattezza la sua ampiezza, dove numero sono i pixel. percentuale invece è relativa alla percentuale della finestra del browser

Si possono anche combinare i vari attributi, quello sotto è un esempio per ottenere una riga che sia di colore blu, spessore 3 pixel, che occupi il 70% della finestra alla quale è destinata e che non sia ombreggiata (la percentuale di ampiezza è relativa alla cornice che la ospita):

<Hx>...<Hx>

Titoli - è possibile avere sei livelli di titolo che dimensionano i caratteri. Il più alto livello è <H1> seguito a salire da tutti gli altri:

<P>...</P>

L'elemento <P> specifica un paragrafo di testo, ha come attributo ALIGN che permette di allineare il testo in quattro possibili modi: CENTER, LEFT, RIGHT, JUSTIFY, rispettivamente per: Centrato, a sinistra, a destra , giustificato. Viene adoperato prevalentemente con l'attributo CLASS che richiama una classe di style in modo da avere paragrafi con font, colori e formattazione prsonalizzata. Si veda a questo proposito le spiegazioni relative ai fogli di stile.

<B>...</B>

L'elemento <B> specifica un blocco di testo da mostrare in grassetto (bold). Risultato simile si ottiene anche con <STRONG>...</STRONG>

<U>...</U>

L'elemento <U> specifica un blocco di testo da mostrare sottolineato (underline).

<I>...</I>

L'elemento <I> specifica un blocco di testo da mostrare in corsivo (italic). Risultato simile si ottiene anche con <EM>...</EM>

Gli elementi possono essere fra loro nidificati, combinando i vari attributi, per esempio posso scrivere weblink in modo marcato, inclinato e sottolineato:

<PRE>...</PRE>

L'elemento <PRE> specifica un blocco di testo preformattato, cioè a larghezza e spaziatura fissa. Attenzione, talmente fissa che non torna neppure a capo se non con il comando <br>.

Questo è un testo preformattato che manterrà una certa spaziatura indipendentemente dai vari parametri di pagina 

Lezione html n.4 

La musica, il suono Non sarà indispensabile ma spesso fa piacere essere accompagnati da una buona musica di sottofondo mentre si navigano pagine web. Due sono gli elementi possibili: BGSOUND e EMBED. Il primo, supportato dai browser MicroSoft IE e dal browser OPERA,  il secondo dai browser NetScape e da quelli MS IE a partire dalla versione 4.0 in poi.

<BGSOUND> 

L'elemento <BGSOUND> supporta attributi quali: SRC e LOOP, vediamoli:

SRC

L'attributo SRC specifica l'indirizzo di un suono da riprodurre, questo può essere in formato wav , midi, mp3 o qualsiasi altro formato purché supportato dal vostro plug-in. Per ovvie ragioni di "peso" è preferibile adoperare un file di tipo midi. Vediamo un esempio:

LOOP

Senza questo attributo il brano sarà avviato una sola volta automaticamente, senza cioé alcun intervento da parte del navigatore. E' possibile stabilire quante volte il brano dovrà essere ripetuto oppure decidere per una riproduzione all'infinito, per fare questo si adopera la parola infinite oppure il numero es: 3 di volte da eseguire il brano, basterà  inserirlo all'interno dell'attributo LOOP.

Anche in questo caso il brano sarà sempre avviato automaticamente, senza cioè alcun intervento da parte del navigatore ma sarà ripetuto all'infinito. Soltanto un cambio pagina fermerà la musica.

<EMBED>

L'elemento <EMBED> supporta attributi quali: SRC LOOP AUTOSTART WIDTH HEIGTH ed è riconosciuto dai browser NS e IE , quest'ultimo a partire dalla versione 4.0. Vediamo questi attributi:

SRC

L'attributo SRC specifica l'indirizzo di un suono da riprodurre, questo può essere in formato wav, midi, mp3 o qualsiasi altro formato valido e supportato dal plug-in. Per ovvie ragioni di "peso" è preferibile adoperare un file di tipo midi. Se non vengono specificate alcune dimensioni i browser IE visualizzano l'intera interfaccia grafica, per offrire il controllo diretto sul player, quindi volume, avvio, stop, pausa. Vediamo un esempio:

Il midi che ascolterete è una mia creazione, lo so che fa abbastanza pena ma nessuno avrà da reclamare alcun diritto d'autore.

LOOP

E' possibile stabilire quante volte il brano dovrà essere ripetuto, oppure decidere per una riproduzione all'infinito, per fare questo si adopera l'attributo LOOP.

Anche in questo caso il brano sarà avviato automaticamente, senza cioè alcun intervento da parte del navigatore, e sarà ripetuto all'infinito. Soltanto un cambio pagina fermerà la musica. Al posto di "infinite" si potrebbe mettere il numero equivalente alle volte che il brano dovrà essere ripetuto.

AUTOSTART

E' possibile stabilire se la musica dovrà avviarsi da sola oppure no. Autostart accetta come parametri true o false rispettivamente per avviare o meno la musica.

WIDTH e HEIGTH

E' possibile stabilire la porzione dell'interfaccia da visualizzare. Questa varia a seconda del browser adoperato, per IE la mancanza di valori farà si che sia vista per intero. A volte è più comodo avere solo i pulsanti... vediamo come.

Queste dimensioni variano a seconda del tipo di browser adoperato, per questo motivo è preferibile non far vedere alcuna interfaccia, oppure affidarsi ad uno script che una volta intercettato il tipo di browser richiami o una dimensione o l'latra. Si veda a questo proposito la mia sez. F.A.Q.

Lezione (html) Tabelle

Info dal 19/3 al 26/3 2008

Per via delle vacanze di pasqua l'aggiornamento delle lezioni sarà sospeso

scusate per il disturbo gli aggiornamenti riprenderanno il 26/3 con il seguente capitolo:

 7 elenchi (come mettere gli elenci in un sito)

grazie di aver visitato il mio blog gruppo A.H.F ,Paolo Franceschi e moderatori del blog  vi augurano buone feste.

Arrivederci

Elenchi nei siti

Spesso su una pagina web si ha la necessità di descrivere voci o altro sottoforma di elenchi, html offre questa possibilità con il tag <LI> (voce dell'elenco) che in abbinamento con uno degli altri tags permette di ottenere un prodotto finale molto simile a quello che offrono programmi di videoscrittura.

<LI>

Elemento voce dell'elenco, da solo serve a poco, deve essere combinato con altri elementi descritti sotto.

<DIR>...</DIR>

L'elemento <DIR> può essere utilizzato per un elenco di voci disposte su colonne, per default la larghezza è di 24 caratteri, al suo interno si adopera <LI> come voce dell'elenco.

<DL>...</DL>

L'elemento <DL> accetta al suo interno gli elementi <DT> e <DD> come voci dell'elenco. L'elemento <DT> riserva un terzo dello schermo per la voce descritta, mentre il restante è assegnato all'elemento <DD> che porta la descrizione una riga sotto.

E' possibile ridurre lo spazio fra le righe nel caso in cui l'elenco fosse molto lungo, per fare questo si adopera l'attributo COMPACT nel tag <DL>

<MENU>...</MENU>

L'elemento <MENU> prevede al suo interno l'elemento <LI> come voce dell'elenco. Serve per una visualizzazione compatta di un elenco puntato. Personalmente non vedo molte differenze con l'elemento <DIR>

<OL>...</OL>

L'elemento <OL> prevede al suo interno l'elemento <LI> come voce dell'elenco. Serve per una visualizzazione ordinata e numerata di un elenco puntato.

Anche <OL> accetta l'attributo COMPACT per una visualizzazione più compatta. Per default la numerazione segue 1, 2 , 3, e così via ma grazie all'attributo TYPE si possono cambiare le voci dell'elenco in uno dei seguenti modi:
TYPE=A Lettere maiuscole, ad esempio : A , B, C, ...
TYPE=a Lettere minuscole, ad esempio : a, b, c, ...
TYPE=I Numerazione romana maiuscola, ad esempio: I, II, III, ...
TYPE=i Numerazione romana minuscola, ad esempio: i, ii, iii, ...
TYPE=l I numeri come da default: 1, 2, 3, ...

Nel caso in cui si volesse partire da un qualsiasi numero diverso da "1", o da una lettera diversa da "a", sarà sufficiente fare uso dell'attributo START impostando il numero da cui iniziare l'incremento.

Vediamo un esempio anche nel caso in cui si adoperino le lettere. Dovendo iniziare dalla lettera "C" ed essendo questa la terza lettera dell'alfabeto, si dovrà inserire il numero "3":

<UL>...</UL>

L'elemento <UL> prevede al suo interno l'elemento <LI> come voce dell'elenco. Serve per una visualizzazione non ordinata di un elenco puntato.

Anche <UL> accetta l'attributo COMPACT per una visualizzazione più compatta. A questo tipo di elenco sono assegnati dei simboli che variano man mano che ci si sposta di livello, i simboli adoperati sono: disco solido, cerchio, quadrato. Volendo si possono cambiare, è sufficiente specificarlo nell'attributo TYPE:
TYPE=disc disco solido
TYPE=circle cerchietto
TYPE=square quadrato

Nel caso in cui ci fosse la necessità di cambiare segno, si potrà farlo con l'attributo TYPE anche dall'interno dei vari TAGS <UL>.