martedì 28 aprile 2009

I tag principali HTML

I tag principali -->Innanzi tutto per iniziare a programmare in html bisogna aprire il blocco note o in alternativa se avete un compilatore es. PSPad editor. I tag iniziali che ci permetteranno di creare la nostra prima pagina internet sono:

<html>
<head>
<title>Prima pagina</title>
</head>
<body>Questa e' la mia prima pagina WEB!</body>
</html>

Guarda l'esempio tag principali

Il salvataggio deve avvenire in formato html o htm, nel blocco note selezionate salva come: tutti i file e il nome del file deve finire con .html o html fatto questo potrete notare che si sara' creata una pagina internet, questa ovviamente sara' nel nostro pc e non e' ancora raggiungibile nel web... Alcuni browser potrebbero visualizzare correttamente una pagina anche senza i tag principali, e' perň sempre opportuno utilizzarli. Il tag principale che abbiamo usato 'html' serve per dichiarare che stiamo iniziando a programmare in HTML. Con il tag 'head' e' possibile descrivere la parte del documento che contiene le informazioni come il titolo, i meta tags per i motori di ricerca, la lingua, la versione HTML utilizzata ecc... detta anche testata del documento. Queste informazioni non vengono comunque visualizzate dal Browser, ma vengono prese in considerazione ad esempio dai motori di ricerca. Nei tag body, come dice la traduzione in italiano 'Corpo' va messa la nostra struttura della pagina, dentro questo tag bisogna costruire il contenuto della pagina. Come potrai vedere successivamente ho riscritto i tag principali aggiungendo /, questo serve per chiudere il tag, in maniera tale da poter gestire il contenuto dei vari tag, non dimenticate mai di chiudere un tag, questo potrebbe provocare malfunzionamenti. Nel tag body si possono settare vari attributi tra cui l’attributo bgcolor, che serve per definire lo sfondo della pagina. All’ attributo bgcolor si puo' assegnare una stringa esadecimale di 6 caratteri che definisce un colore tramite il formato RGB (Red Green Blue) preceduta dal carattere cancelletto (#). In alternativa si puň assegnare direttamente il nome di un colore (green, blue, red, yellow). Se si vuole mettere un'immagine di sfondo possiamo usare l'attributo background, assegnando l'indirizzo dell'immagine da inserire. Ecco due esempi:


<html>
<head>
<title>Pagina con Bgcolor</title>
<head>
<body bgcolor="Silver">
Questa e' la mia prima pagina con Bgcolor!
</body>
</html>

Guarda l'esempio bgcolor


<html>
<head>
<title>Pagina con Background</title>
<head>
<body background="images/sfondo.png">
Questa e' la mia prima pagina con Background!
</body>
</html>

Guarda l'esempio background


Come potrete vedere nella prima pagina abbiamo attribuito come sfondo il colore Silver, mentre nel secondo esempio abbiamo messo un'immagine di sfondo che vien ripetuta infinite volte.



Nessun commento:

Posta un commento