Il Sito per imparare gratuitamente a fare pagine Web

Oggi: Lunedì 08 Settembre 2008   Ore: 09:31
 
Home · XHTML con Style · Primi Passi · Guida HTML · Guida CSS · Guida PHP · F.A.Q. · Scripting · Applets · Grafica Web · Forum · Comunicazioni Scrivimi
 
  Web-Link
Fai una libera donazione, qualsiasi cifra
Libera Donazione
  Struttura
web-link
·<!DOCTYPE>
· <HTML>
· <HEAD>
· <BODY>
· <BASE>
· <LINK>
· <META>
·<STYLE>
·<TITLE>
·<SCRIPT>
·background
·bgcolor
·bgproperties
·link
·vlink
·alink
·text
·margini
·colori
web-link
 Formattazione
web-link
·<BASEFONT>     
·<BR>
·<CENTER>
·<COMMENT>
·<DIV>
·<SPAN>
·<FONT>
·<HR>
·<HX>
·<MARQUEE>
·<P>
·<PRE>
·<B>
·<I>
·<U>
·color
·face
·size
web-link
  Tabelle
web-link
·<TABLE>
·<TR>
·<TD>
·<TH>
·<CAPTION>
·<COL>
·<COLGROUP>
·<TBODY>
·<TFOOT>
·<THEAD>
·align
·background
·bgcolor
·border
·bordercolor
·bordercolordark
·bordercolorlight
·cellpadding
·cellspacing
·colspan
·frame
·height
·nowrap
·rowspan
·rules
·valign
·width
web-link
  Elenchi
web-link
· <DIR>
· <DL>
·<MENU>
· <OL>
· <UL>
· <LI>
· <DT>
· <DD>
·compact
·type
·start
web-link
  Links
web-link
·<a>
·name
·href
·mailto
·target
web-link
  Audio
web-link
· <bgsound>
·<embed>
·loop
·autostart
web-link
Guida ai vari elementi che compongono il linguaggio HTML.
web-link
 

html







Struttura di base

Si potrebbe decidere quali elementi (tags) adoperare a seconda di quello che abbiamo intenzione di fare. Questo linguaggio non ha variabili da dichiarare o cose di questo genere, ma ha comunque delle regole da rispettare, la più importate di queste regole è la struttura entro la quale lavorano tutti i singoli elementi, questa dovrà essere sempre presente su ogni pagina che andremo a creare, vediamo come è composta questa struttura:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>la mia prima pagina web</title>

</head>

<body>

<p>Ecco la mia prima pagina in html destinata al web.</p>

</body>

</html>


Di tutto il codice scritto sopra, noi vedremo soltanto ciò che è stato scritto nel corpo (body) del listato; quindi fra gli elementi <body> e </body>:

Ecco la mia prima pagina in html destinata al web.



Ogni pagina html grande o piccola che sia dovrà obbligatoriamente avere sempre i due tags di definizione <html></html>, i due tags per la testata <head></head>, il tag per il titolo <title></title>, i due tags per il corpo <body></body>, ed anche un prologo <doctype> anche se quest'ultimo non è obbligatorio, è comunque consigliato.



Vediamo in dettaglio tutte queste cose:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. Questa prima riga chiamata "prologo" è solitamente generata in modo automatico dall'editor visuale o testuale che sia, non è obbligatoria ed ha il solo compito di informare il browser che si tratta di un documento html relativo a determinate specifiche del w3c, in questo caso versione 4.0

  3. <html>
  4. Inizio codice html vero e proprio, tutto ciò che sarà posto all'interno di questo documento e fino al relativo tag di chiusura sarà inteso come struttura del codice html


  5. <head>
  6. Testata o head del documento, in questa sezione trovano posto tutti quei tags che impartiscono direttive al browser quali: titolo, comandi Meta, richiami ai fogli di stile, scripts.
    Tutto ciò che si trova all'interno della struttura head non sarà visualizzato ma interpretato dal browser, una zona quindi destinata ad uso esclusivo dei soli comandi che impartiscono direttive ben specifiche.

  7. </head>
  8. <body>
  9. Corpo o body del documento, è in questa sezione che lavoreremo maggiormente ed è proprio qui che andranno messe immagini, suoni , filmati, testo, form, tabelle, links e quant'altro faccia parte di html.

  10. </body>


  11. </html>

Chiusura dei vari elementi (tags), da non dimenticare mai, solo cosi' potremo avere la certezza di una giusta e corretta interpretazione da parte del browser.

I tags possono essere scritti indifferentemente sia in minuscolo che in maiuscolo, gli spazi lasciati fra un tag e l'altro e fra una parola e l'altra saranno ignorati.









  Potete fare domande e discutere l'argomento sul Forum



web-link
  Immagini
web-link
·<IMG>
·<MAP>
·<AREA>
·align
·alt
·border
·ismap
·lowsrc
·src
·vspace
·hspace
·width
·height
·usemap
web-link
  Frames
web-link
·<frameset>
·<frame>
·<noframe>
·rows
·col
·src
·name
·marginwidth
·marginheight
·scrolling
·noresize
·frameborder
·framespacing
web-link
  Iframe
web-link
· <iframe>
·src
·width
·height
·scrolling
·frameborder
·marginwidth
·marginheight
·vspace
·hspace
·align
·name
web-link
  Forms
web-link
·<form>
·action
·method
·enctype
·<input>
·align
·checked
·maxlength
·name
·size
·src
·value
·type
·<option>
·<select>
·<textarea>
·button
·checkbox
·file
·hidden
·image
·password
·radio
·reset
·submit
·text
·textarea
web-link
  Java & JS
web-link
·<APPLETS>
·<SCRIPT>
·onAbort
·onBlur
·onChange
·onClick
·onError
·onFocus
·onLoad
·onMouseOut
·onMouseOver
·onReset
·onSelect
·OnSubmit
·OnUnload
web-link
  Download
web-link
· Primi Passi
· Guida HTML
· Guida CSS
· Guida XHTML
web-link
 
· Home Page Home Page · Aggiungi ai preferiti Aggiungi ai preferiti · Segnala ad un amico Segnala il sito ai tuoi amici ·
 

Valid CSS!
Valid HTML 4.01!

Questa pagina è esclusiva proprietà di © Web-Link © Andrea Bianchi 1997 ~ 2008
Vietata la copia e la distribuzione, anche parziale, senza la previa autorizzazione scritta di Web-Link