Struttura di un Tag
<TAG attributi>contenuti></TAG>
<TAG attributo_1="valore1" attributo_2="valore2">contenuto>/TAG>
<TAG attributi>
Il tag che non viene chiuso si chiama empty cioè Vuoto.
Annidamento e intedentazione
<TAG1 attributi>
contenuto 1
<TAG2>
contenuto 2
</TAG2>
</TAG1>
I commenti
<!-- questo è un commento -->
Maiuscolo o Minuscolo?
L'HTML è "case unsensitive" cioè indipendente dal formato.
<P ALIGN="RIGHT">
e
<p align="right">
Struttura della pagina
1)
Worl Wide Web Consortium
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
...altri tag ...
</html>
2)Testa(<head>)
3)Corpo(<body>)
Questo indica il nome che vorrete dare alla pagina..
<title>Nome del sito</title>
Indica al broswer che deve caricare il set di caratteri occidentale e non orientale
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Quindi per adesso ci troviamo in questa situazione
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Apple</title>
</head>
<body>
<!-- Scriveremo qui -->
>
Qui il nostro contenuto
</body>
</html>
Separare il layout dal contenuto
<font color="colore in inglese"> indica il colore da dare ad un testo .
Cambiare il carattere ,dal grassetto al corsivo.
<p>
<font color="red">
<b>titolo 1</b>
</font>
</p>
Diventerrebbe:
<p>
<font color="red">
<i>titolo 1</i>
</font>
</p>
Gli elementi HTML e i fogli di stile
Impostare il colore di sfondo
<body bgcolor="blue">
Codifica esadecimale per le tonalità di colore
<bodybgcolor="#0000FF">
Inserire un'immagine di sfondo
<body background="imgsfondo.gif">
Prima che l'immaggine venga caricata si può anche visualizzare una colorazione della pagina web attraverso questa sintassi
<body bgcolor="#0000ff" background="imgsfondo.gif">
Eliminare i margini delle pagine
<body leftmargin="0" topmargin="0"
Impostare la lingua del documento
<body lang="it">
Siamo arrivati a questo punto della spiegazione con questa sintassi,sempre riassumendo tutto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=iso-8859-1"
>
<title>Apple</title>
</head>
<body
leftmargin="0"
topmargin="0"
background="imgs/sfondo00006.gif"
bgcolor="#66CCFF"
lang="it"
>
Testo di prova
</body>
</html>
Impostare il colore del testo e dei link per tutta la pagina
<body text="blue">
Esempio di sfondo rosso e testo bianco
<body bgcolor="#0000ff" text="ffffff">
I link
I link possono cambiare di colore con questa sintassi.
<body link="red">
Link visitati:
<body vlink="green">
Link attivi:
<body alink="yellow">
Sintassi completa per impostare il colore dei link.
<body link="red" alink="yellow" vlink="green">
Titoli,paragrafi,blocchi di testo e contenitori.
Tag-contenitori per "racchiudere" il testo
1) I titoli
<h1>titolo 1 </h1>
<h2>titolo 2 </h2>
<h3>titolo 3 </h3>
<h4>titolo 4 </h4>
<h5>titolo 5 </h5>
<h6>titolo 6 </h6>
h sta per heading cioè titolo e le grandezze sono 6
Il paragrafo <p>
<p>paragrafo 1</p>
<p>paragrafo 2</p>
il <div>
<div>Blocco di testo 1</div>
<div>Blocco di testo 2</div>
<Lo <span>
<span>contenitore 1</span><span>contenitore 2</span>
può essere annidato all'interno dei div
Montare gli elementi insieme
<p> lascia spazio prima e dopo la propria chiusura
<div> non lascia spazio prima e dopo la propria chiusura, ma - essendo un elemento di blocco - va a capo
<span> - essendo un elemento inline - non va a capo
Allineare il testo
<p align="left">testo</p>
<p align="right">testo</p>
<p align="justify">testo</p>
Andare a capo
<br /><br />
<hr /> : serve per tracciare una linea orizzontale.
<hr noshade size="5" width="50%" align="center" />
L'elemento noshade evita di sfumare la linea orizzontale
Scegliere lo stile(grassetti,corsivo & C.)
Guida in continuo sviluppo,aggiungerò la seconda parte e forse anche la terza,ufficialmente fatta da me e vietata la copia!
<TAG attributi>contenuti></TAG>
<TAG attributo_1="valore1" attributo_2="valore2">contenuto>/TAG>
<TAG attributi>
Il tag che non viene chiuso si chiama empty cioè Vuoto.
Annidamento e intedentazione
<TAG1 attributi>
contenuto 1
<TAG2>
contenuto 2
</TAG2>
</TAG1>
I commenti
<!-- questo è un commento -->
Maiuscolo o Minuscolo?
L'HTML è "case unsensitive" cioè indipendente dal formato.
<P ALIGN="RIGHT">
e
<p align="right">
Struttura della pagina
1)
Worl Wide Web Consortium
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
...altri tag ...
</html>
2)Testa(<head>)
3)Corpo(<body>)
Questo indica il nome che vorrete dare alla pagina..
<title>Nome del sito</title>
Indica al broswer che deve caricare il set di caratteri occidentale e non orientale
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Quindi per adesso ci troviamo in questa situazione
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Apple</title>
</head>
<body>
<!-- Scriveremo qui -->
>
Qui il nostro contenuto
</body>
</html>
Separare il layout dal contenuto
<font color="colore in inglese"> indica il colore da dare ad un testo .
Cambiare il carattere ,dal grassetto al corsivo.
<p>
<font color="red">
<b>titolo 1</b>
</font>
</p>
Diventerrebbe:
<p>
<font color="red">
<i>titolo 1</i>
</font>
</p>
Gli elementi HTML e i fogli di stile
Impostare il colore di sfondo
<body bgcolor="blue">
Codifica esadecimale per le tonalità di colore
<bodybgcolor="#0000FF">
Inserire un'immagine di sfondo
<body background="imgsfondo.gif">
Prima che l'immaggine venga caricata si può anche visualizzare una colorazione della pagina web attraverso questa sintassi
<body bgcolor="#0000ff" background="imgsfondo.gif">
Eliminare i margini delle pagine
<body leftmargin="0" topmargin="0"
Impostare la lingua del documento
<body lang="it">
Siamo arrivati a questo punto della spiegazione con questa sintassi,sempre riassumendo tutto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=iso-8859-1"
>
<title>Apple</title>
</head>
<body
leftmargin="0"
topmargin="0"
background="imgs/sfondo00006.gif"
bgcolor="#66CCFF"
lang="it"
>
Testo di prova
</body>
</html>
Impostare il colore del testo e dei link per tutta la pagina
<body text="blue">
Esempio di sfondo rosso e testo bianco
<body bgcolor="#0000ff" text="ffffff">
I link
I link possono cambiare di colore con questa sintassi.
<body link="red">
Link visitati:
<body vlink="green">
Link attivi:
<body alink="yellow">
Sintassi completa per impostare il colore dei link.
<body link="red" alink="yellow" vlink="green">
Titoli,paragrafi,blocchi di testo e contenitori.
Tag-contenitori per "racchiudere" il testo
1) I titoli
<h1>titolo 1 </h1>
<h2>titolo 2 </h2>
<h3>titolo 3 </h3>
<h4>titolo 4 </h4>
<h5>titolo 5 </h5>
<h6>titolo 6 </h6>
h sta per heading cioè titolo e le grandezze sono 6
Il paragrafo <p>
<p>paragrafo 1</p>
<p>paragrafo 2</p>
il <div>
<div>Blocco di testo 1</div>
<div>Blocco di testo 2</div>
<Lo <span>
<span>contenitore 1</span><span>contenitore 2</span>
può essere annidato all'interno dei div
Montare gli elementi insieme
<p> lascia spazio prima e dopo la propria chiusura
<div> non lascia spazio prima e dopo la propria chiusura, ma - essendo un elemento di blocco - va a capo
<span> - essendo un elemento inline - non va a capo
Allineare il testo
<p align="left">testo</p>
<p align="right">testo</p>
<p align="justify">testo</p>
Andare a capo
<br /><br />
<hr /> : serve per tracciare una linea orizzontale.
<hr noshade size="5" width="50%" align="center" />
L'elemento noshade evita di sfumare la linea orizzontale
Scegliere lo stile(grassetti,corsivo & C.)
Guida in continuo sviluppo,aggiungerò la seconda parte e forse anche la terza,ufficialmente fatta da me e vietata la copia!
Ultima modifica: