-Tags 1-


-Qui di seguito trovate alcuni tags utili per le vostre pagine web, si tratta di piccole indicazioni sopratutto per "decorare" testi, link e le nostre pagine. Alcuni sono proprio elementari e man mano diventerete più esperti webmaster ve ne accorgerete, ma sono comunque tutti molto utili ^_^

 

<<     | << premessa | | << tags di base | | >> tags 2 | | >> inks utili |

--------------------------------

R) Dentro il tag BODY subito dopo bisogna scrivere così:

<body bgcolor="il colore che vuoi">

------

2) E se invece di un colore voglio inserire un'immagine di sfondo?
R) Dentro il tag BODY subito dopo bisogna scrivere così:

<body background="l'immagine di sfondo che vuoi">

al posto di "l'immagine di sfondo che vuoi" devi inserire l'immagine che preferisci compresa di estensione e il percorso della cartella in cui si trova.
CONSIGLIO: salva l'immagine nella stessa cartella in cui salvi la pagina web.

------

3) Come inserisco immagini nella mia pagina?
R) Dentro BODY nella posizione che preferisci scrivi così:

<img src="Url dell'immagine che vuoi">

puoi attribuire a questo tag il parametro ALT che consentirà di visualizzare del testo alternativo alla tua immagine qualoca essa non dovesse visualizzarsi e fornirà una breve descrizione all'immagine stessa. Per esempio passa il mouse su quest'immagine sotto:

questo è Neurolino!

CONSIGLIO: anche in questo caso vi consiglio di salvare l'immagine nella stessa cartella in cui salverete la pagina web.

------

4) Come stabilisco il carattere,le dimensione e il colore con cui voglio scrivere il testo della mia pagina web?
R) Per fare ciò è necessario anteporre al testo che si scrive il seguente codice:

<font face="nome del font che vuoi" size="dimensione del codice" color="colore con cui vuoi scrivere">testo testo testo</font>

CONSIGLIO1: se utilizzi un font non classico,che hai scaricato da Internet e che non si trova in automatico nel pacchetto microsoft, ricordati che sarà visibile solo a coloro che possiedono quel carattere nel proprio pc, tutti gli altri nemmeno si accorgeranno del carattere particolare da te utilizzato. Per cui puoi o inserire un avviso e invitare a scaricare il font chi non l'ha, oppure più semplicemente puoi optare per l'utilizzo di un font classico (verdana,arial,century ghotic,times news roman i più diffusi) sopratutto se ti serve per un testo lungo da leggere!

CONSIGLIO2: la dimensione viene espressa in pixel per cui ricordati di non utilizzare una dimensione nè troppo piccola nè troppo grande, che si adegui allo stile della tua pagina.

CONSIGLIO3: ricordati di utilizzare un colore che non sia in contrasto col colore dello sfondo e,sopratutto se si tratta di un testo lungo, che non stanchi gli occhi nella lettura.

INOLTRE:
-se vuoi scrivere in grassetto devi scrivere così:

<b>testo</b>

-se vuoi scrivere in corsivo devi scrivere così:

<i>testo</i>

-se vuoi scrivere sottolineato devi scrivere così:

<u>testo</u>

.se vuoi scrivere barrato devi scrivere così:

<s>testo</s>

-se vuoi scrivere in pedice devi scrivere così:

<sub>testo in pedice</sub>

-se vuoi scrivere in apice devi scrivere così:

<sup>testo in apice</sup>

------

5) Posso stabilire in un unico tag e una sola volta lo stile dei caratteri e dei links della mia pagina web?
R) E' possibile inserendo dentro body all'inizio tutti gli attributi di stile così:

<body bgcolor="colore di sfondo" Text="colore del testo" Link="il colore che vuoi abbiano i collegamenti della tua pagina" Vlink="il colore di un collegamente che è già stato visto" Alink="il colore di un collegamento su cui abbiamo puntato il mouse">

RICORDATI: inserendo questo tag avrai stabilito a priori (senza doverlo indicare ogni volta) i colori del testo e dei links di tutta la pagina per cui automaticamente li troverai di quel colore,però puoi sempre modificare l'attributo agendo prima della singola parola che vuoi cambiare.

------

6) Come scrivo i miei testi?
R) Ricordati che ogni testo o immagine che metti nell'html stabilisce un determinato paragrafo e ogni paragrato deve essere scritto così:

<p align="posizione che vuoi">testo o immagine o tabella</p>

al posto di posizione che vuoi puoi utilizzare uno degli allineamenti nella pagina:


center=centro
left=sinistra
right=destra
justify=giustificato

Quasi tutto ciò che inserirai nella tua pagina web dovrà contenere il tag <p></p> perchè con esso ne stabilisci l'inizio e la posizione.

------

-Altri piccoli tags utili:

<BR>serve per inserire un'interruzione di riga,più distanza vuoi tra una parola e un'altra o tra un'immagine e un'altra e più <br> dovrai inserire

<HR>serve per inserire una linea orizzontale,puo' servirti per separare un testo da altro testo o immagini. Puoi anche stabilirne il colore e la dimensione

esempio:


basta aggiungere al tag questi attributi:

<hr color="colore che vuoi" size="dimensione che vuoi">

la linea dell'esempio ha una dimensione 2.

<DIV>serve per indicare dei blocchi nella tua pagina web e per fare ordine, all'interno di un blocco puoi mettere un determinato testo o immagini e stabilire colori e caratteri particolari e poi puoi chiuderlo e aprirne un altro che puoi posizionare come preferisci nella pagina.Il tag DIV è un tag molto importante perchè aiuta molto nella gestione delle pagine. Alla fine ricordati che deve sempre essere chiuso</DIV>

------

7) Come inserisco links nella mia pagina?
R) Per inserire un collegamento a un'altra pagina web nella tua devi scrivere così:

<a href="URL del collegamento che vuoi">testo collegamento</a>

al posto di URL del collegamento che vuoi inserirai l'indirizzo del sito che vuoi, per esempio così:

<a href="http://www.pixelfair.it/neuroline/">Neuroline</a>

puoi anche inserire l'attributo TARGET all'interno di <a></a> e così stabilirai dove dovrà aprirsi il tuo link. Per esempio scrivendo così:

<a target="_blank" href="URL">collegamento</a>

il target BLANK indica che quel collegamento si aprirà in una nuova finestra rispetto a quella in cui ti trovi.

gli altri tags sono:

_TOP= apre il collegamento nella stessa pagina
_SELF=apre la finestra nello stesso frame (se la tua pagina è articolata in frames)
_PARENT=apre la finestra nel frame principale (se la tua pagina è articolata in frames)

CONSIGLIO: ovviamente se il collegamento che inserisci nella tua pagina riguarda il tuo stesso sito ti consiglio di utilizzare il target TOP (a meno che tu non possieda dei frames). Nel caso in cui invece il link invia in altri siti ti consiglio di utilizzare BLANK in modo che si apra in una nuova finestra e non "impalli" il tuo sito al visitatore!

-------

Inoltre all'interno di <a></a> puoi inserire anche lo STYLE col quale indicare se desideri particolari effetti al tuo collegamento (vedi gli attributi LINK,VLINK,ALINK) oppure se preferisci non avere effetti, in questo caso dovrai scrivere così:

<a href="URL" style="text-decoration:none">collegamento</a>

con l'attributo "text-decoration:none" determini che passando su quel collegamento il mouse non avvenga nessun effetto e quindi che non venga sottolineato.

-------

Infine al tag <a></a> puoi attribuire il parametro TITLE che permette di inserire il testo che si visualizzerà passando sulla parola linkata il mouse. Inserendo questo codice:

<a href="URL" title="parole che vuoi">collegamento</a>

per esempio passa il mouse e leggi qui >> Neuroline

----------------------------------------------------------

<<     | << premessa | | << tags di base | | >> tags 2 | | >> inks utili |