Ti sei perso il VI Convegno gt? Forse puoi rimediare... www.convegnogt.it X Chiudi
 
Forum GT: Condividiamo idee e conoscenza Forum GT: Condividiamo idee e conoscenza


Condividi questo contenuto nei Social Network:
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.


Vai indietro   Forum per Webmaster: Condividiamo Idee e Conoscenza > Sviluppo e Gestione siti web > HTML e XHTML
Benvenuto! Forum Regole FAQ Lista utenti Calendario Segna come letti

HTML e XHTML Il codice di scrittura per pagine web

Hey Amico Visitatore,
Condividi con noi le tue idee e la tua conoscenza Aprendo una nuova discussione nella sezione HTML e XHTML


Chiudi la discussione
 
LinkBack Strumenti di discussione
Vecchio 09-01-08, 21:08   #1 (permalink)
 
L'avatar di Giorgiotave
 
Data di registrazione: Oct 2004
Ubicazione: Monasterace
Messaggi: 34,265
Invia un messaggio tramite Skype a Giorgiotave
Faq Html e XHtml

FAQ Html e XHtml (in costruzione)

Generale
Cos’è l’HTML?
Cos’è l’XHTML?
La sintassi dell’XML
Cos'è la DTD?
Come faccio a validare una pagina?
Cosa significa WYSIWYG?
Cos'è un URL?
Cosa significa RSS?

HTML
Inserire un link
Inserire un immagine
Includere un css esterno
Cambiare il titolo di una pagina
Cambiare la descrizione di una pagina
Cosa sono i meta tags?
Il meta tag robots
Icona nella barra degli indirizzi (favicon)
Link ad indirizzo email
__________________
Giorgio Taverniti Blog - Il mio account Twitter!

Che aspetti? Diventa MODERATRICE del Forum gt !!!

Ultima modifica di Tiago : 10-02-08 22:22.
Giorgiotave ora è in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 10-01-08, 17:34   #2 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cos'è l'HTML?

L’HTML (HyperText Markup Language) è un linguaggio usato per scrivere pagine web.
Questo linguaggio ci permette di inserire testo formattato a nostro piacere, immagini, tabelle e ogni tipo di oggetto multimediale nelle nostre pagine web.
Una pagina scritta in codice HTML ha estensione .htm o .html.
Quando visitiamo una pagina il codice HTML della stessa viene letto dal web browser, il quale ci consente di visualizzarla.
I comandi HTML sono chiamati tags (al singolare tag).
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 12-01-08 23:22.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 10-01-08, 17:35   #3 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cos’è l’XHTML?

L’XHTML (eXtensible HyperText Markup Language) è un linguaggio basato sull’HTML, ma con la sintassi strutturata in modo migliore, cioè come quella dell’XML. Esso è nato a causa dell’eccessiva elasticità dell’HTML tradizionale.
Per comprendere meglio il concetto potete leggere più in basso una semplice spiegazione della sintassi dell’XML.

Una pagina XHTML, per essere validata, deve sempre iniziare con la definizione del tipo di documento, o DTD (Document Type Definition).
L’XHTML prevede inoltre la separazione del layout della pagina dal contenuto vero e proprio. A questo proposito vengono utilizzati i CSS (Cascading Style Sheets).
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 10-02-08 22:26.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 10-01-08, 17:36   #4 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
La sintassi dell'XML

Ecco un esempio di un file XML:
Codice HTML:
  <?xml version="1.0" encoding="ISO-8859-1"?>
  <squadra>
      <giocatore>
          <nome>Gianluigi</nome>
          <cognome>Buffon</cognome>
          <numero>1</numero>
      </giocatore>
      <giocatore>
          <nome>Fabio</nome>
          <cognome>Cannavaro</cognome>
          <numero>5</numero>
      </giocatore>
  </squadra>
La prima riga, il prologo, indica la versione di XML usata e la codifica ISO.
Tutti i tags (prologo escluso) sono contenuti in un elemento radice, che nel nostro caso è il tag <squadra>.
I tags devono essere bilanciati, devono cioè essere aperti e chiusi in ordine.

Ecco alcuni esempi per chiarire:

Codice HTML:
   <giocatore>
       <nome>Gianluigi</nome>
       <cognome>Buffon</cognome>
       <numero>1
   </giocatore></numero>
Questo codice ovviamente è errato, perché il tag <numero> viene chiuso dopo il tag <giocatore>.

Codice HTML:
  <giocatore>
       <NOME>Gianluigi</nome>
       <cognome>Buffon</cognome>
       <numero>1</numero>
   </giocatore>
Anche questo codice genererà un errore, perché l’XML è case sensitive, quindi <NOME> e <nome> vengono considerati due tags diversi.

E’ inoltre possibile inserire tags vuoti:
Codice HTML:
<numero></numero>
Oppure:
Codice HTML:
  <numero />
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 12-01-08 23:23.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 11-01-08, 14:43   #5 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cos'è la DTD?

La DTD (Document Type Definition) è la definizione del tipo di documento.
In parole povere, la DTD indica quali regole stiamo seguendo nella scrittura della pagina. Essa è importante per indicare al validatore quali norme stiamo seguendo e quindi quali eventuali errori segnalarci.

Per l'XHTML 1.0 esistono tre DTD:

XHTML 1.0 Transitional
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Strict
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Frameset
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Mentre per l'XHTML 1.1 esiste solo la Strict, ma, essendo l'unica, strict si omette:

XHTML 1.1
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
__________________
Liga Spagnola - Tiago
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 11-01-08, 19:25   #6 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Come faccio a validare una pagina?

Per validare una pagina puoi usare il Markup Validation Service della w3c.
Ti basterà inserire l'indirizzo della pagina che vuoi validare e confermare.
Questo tool va bene per documenti scritti sia in HTML tradizionale che in XHTML.
Se la pagina che controlli contiene errori, questi verranno visualizzati. Altrimenti ti verrà data una conferma della validità della pagina.

Per i documenti scritti in XHTML ricordati di inserire come prima riga la DTD, in caso contrario la tua pagina non sarà validata.
__________________
Liga Spagnola - Tiago
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 12-01-08, 23:21   #7 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cosa significa WYSIWYG?

L'acronimo WYSIWYG (What You See Is What You Get), nel campo della creazione di pagine web, indica gli editor HTML visuali. La traduzione dell'acronimo inglese infatti è quello che vedi è quello che ottieni.
Questo perchè gli editor visuali mettono a disposizione un'interfaccia che permette di progettare documenti senza scrivere una riga di HTML.
Quasi sempre gli editor WYSIWYG offrono anche la possibilità di modificare a mano il codice sorgente.
Una pecca di questi editor è sicuramente la scrittura un pò sporca del codice, con un uso superfluo di alcuni tags HTML.
Un altro rischio che si corre è la possibile strutturazione tabellare delle pagine, cosa che non aiuta nè l'indicizzazione nei motori di ricerca nè la velocità di caricamento dei documenti stessi.
__________________
Liga Spagnola - Tiago
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 14-01-08, 18:26   #8 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cos'è un URL?

Un URL (Uniform Resource Locator) è un indirizzo che identifica univocamente la posizione di un documento nel web. L'URL è l'insieme dei caratteri che inseriamo nella barra degli indirizzi del nostro browser quando cerchiamo un sito web.
Un URL di solito ha questa sintassi:
tiposerver://nomehost/nomefile

tiposerver ovviamente indica il tipo di server, che può essere http, ftp, telnet, ecc..

nomehost indica il nome dell'host su cui si trova il documento che stiamo cercando. Il nome dell'host dell'URL di questa pagina è www.giorgiotave.it.

nomefile è il nome del file specifico che vogliamo vedere o scaricare.

Nella creazione di una pagina web, quando scriviamo alcuni tags (a, img, ecc..), nell'attributo href possiamo specificare URL assoluti o relativi.
Un link con URL assoluto è ad esempio:
Codice HTML:
<a href="http://www.giorgiotave.it/forum/html-e-xhtml/">HTML e XHML</a>
mentre uno con URL relativo ècome questo:
Codice HTML:
<a href="/forum/html-e-xhtml/">HTML e XHML</a>
__________________
Liga Spagnola - Tiago
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 15-01-08, 17:59   #9 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cosa significa RSS?

L'RSS (Rich Site Summary o Really Simple Syndication) è un sistema per la distribuzione di contenuti web. La traduzione dell'acronimo è syndication veramente semplice, infatti essendo l'RSS basato sull'XML è un formato molto flessibile.
Il termine syndication indica appunto la distribuzione di contenuti in internet attraverso appositi canali.

Grazie all'RSS possiamo organizzare un insieme di notizie.
Ogni notizia è composta da diversi campi: autore, titolo, testo, data..
Un documento RSS è chiamato feed RSS o più semplicemente feed. Questi feed possono essere letti tramite appositi programmi (feed reader) oppure possono essere integrati all'interno di un sito web.
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 15-01-08 18:02.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 15-01-08, 18:32   #10 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Inserire un link

Il tag HTML per inserire dei links (collegamenti ipertestuali) all'interno delle nostre pagine web è il tag <a>.
Gli attributi più frequenti per questo tag sono href, title e target.
L'attributo href indica l'URL verso il quale punta il link.
Il title è un breve testo che appare al passaggio del mouse sul link.
Con l'attributo target abbiamo la possibilità di far aprire la pagina in una finestra diversa.
Il testo che sta tra il tag d'apertuta e il tag di chiusura è chiamato anchor text.
Ecco un esempio:
Codice HTML:
<a href="http://www.giorgiotave.it" title="GiorgioTave" target="_blank">Risorse per Webmaster</a>
In questo caso, l'anchor text è 'Risorse per Webmaster', ed essendoci target="_blank" la pagina si aprirà in una nuova finestra.
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 29-01-08 22:40.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 18-01-08, 17:38   #11 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Inserire un immagine

Per inserire un immagine in una pagina web si usa il tag <img>.
Gli attributi di questo tag sono src, alt, border, width e height.
L'attributo src indica l'URL dell'immagine (cioè l'indirizzo, compresa l'estensione).
Il testo contenuto nell'attributo alt viene mostrato in caso di errore nel caricamento dell'immagine o al passaggio del mouse sulla stessa.
Il border viene espresso con un numero ed indica lo spessore del bordo dell'immagine.
Gli attributi width e height specificano le dimensioni dell'immagine. Se si vuole inserire l'immagine nelle sue dimensioni reali, possono essere omessi.

Ecco un esempio:
Codice HTML:
<img src="/images/titolo.jpg" alt="GiorgioTave" border="0" width="300" height="500" />
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 29-01-08 22:44.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 29-01-08, 17:57   #12 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Includere un css esterno

Per includere in una pagina web un file css esterno si usa il tag link.
Questo tag è da inserire tra i tags <head> e </head>.

Esempio:
Codice HTML:
<head>
...
<link href="style.css" rel="stylesheet" type="text/css" />
...
</head>
Nell'attributo href si deve specificare l'url del file.

*Nell'esempio, i puntini indicano che prima e dopo il tag link possono esserci altri tags.
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 29-01-08 22:39.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 29-01-08, 22:36   #13 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cambiare il titolo di una pagina

Per cambiare il titolo di una pagina web si usa il tag title.
Come il tag link, anche questo va messo tra i tags head.

Ecco un esempio:
Codice HTML:
<head>
<title>Titolo della pagina</title>
</head>
Questo tag è molto utile anche ai fini dell'indicizzazione nei motori di ricerca.
__________________
Liga Spagnola - Tiago

Ultima modifica di Tiago : 29-01-08 22:42.
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 31-01-08, 17:28   #14 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cambiare la descrizione di una pagina

Per cambiare la descrizione di una pagina web bisogna usare il meta tag description. Essendo solo un informazione per i motori di ricerca, anche questo tag va inserito tra i tags head.
Il contenuto del metadato description viene mostrato dai motori di ricerca nelle serp, ma questo non avviene se è scritto male o è troppo corto. Se volete saperne di più, vi rimando a questa discussione.
Essendo visibile nelle serp, si consiglia di scrivere la descrizione in modo linguisticamente corretto, compresa la punteggiatura.

Ecco come si usa:
Codice HTML:
<head>
...
<meta name="description" content="Quella che stai leggendo è la descrizione di questa pagina. Dovrebbe contenere almeno un centinaio di caratteri." />
...
</head>
__________________
Liga Spagnola - Tiago
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Vecchio 31-01-08, 17:49   #15 (permalink)
Esperto
 
L'avatar di Tiago
 
Data di registrazione: Oct 2006
Ubicazione: nella bassa bergamasca
Messaggi: 632
Cosa sono i meta tags?

I meta tags ci permettono di specificare diverse informazioni relative alle nostre pagine web. Di questi tags ce ne sono molti, ma quelli utili ai motori di ricerca sono essenzialmente tre: description, keywords e robots.
E' da sottolineare che ormai questi tags non hanno più influenza nel posizionamento di una pagina web.
Il meta description serve per dare una descrizione della pagina.
Il meta keywords dovrebbe contere una lista di parole-chiave relative alla pagina. Molti webmasters omettono questo metadato perchè non lo considerano più utile.
Il meta robots indica ai motori di ricerca se indicizzare la pagina in questione e se seguire i links presenti in essa.

Ecco un esempio:
Codice HTML:
<meta name="description" content="Discussione del  forum GT che contiene delle risposte a domande frequenti relative a html e  xhtml." />
<meta name="keywords" content="faq, html, xhtml" />
<meta name="robots" content="index, follow" />
__________________
Liga Spagnola - Tiago
Tiago non in linea  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Segnalo this Post!OKNO this Post!
Chiudi la discussione


Strumenti di discussione

Regole di scrittura
Non puoi postare nuove discussioni
Non puoi rispondere alle discussioni
Non puoi allegare file
Non puoi editare i tuoi post

BB code is Attivo
smilies è Attivo
[IMG] il codice è Attivo
Il codice HTML è Disattivato
Trackbacks are Attivo
Pingbacks are Attivo
Refbacks are Disattivato
Vai al forum



Tutti gli orari sono GMT +3. Attualmente sono le 03:21.




Forum GT - © 2004-2009 GT idea S.r.l P.iva 02418200800 - Privacy/Disclaimer

SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.