HTML : La formattazione della pagina
Pubblicato da admin il 25 settembre 2010
In quest'articolo della mia guida voglio affrontare un nuovo argomento , la formattazione della pagina.
Inziamo subito a lavorare ;)
In una pagina web è necessario utilizzare differenti dimensioni di caratteri per distinguere il titolo dal testo della pagina.Per questo in html sono previsti una serie di codici differenti.
Il tag è <Hn></Hn> , dove n indica il codice numerico corrispondente alla dimensione del carettere. Al carattere è possibile associare anche uno stile , e per applicare questo effetto il testo deve essere racchiuso all'interno dei seguenti tag.
<I>...</I> per ottenere il testo in corsivo
<U>...</U> per ottenere il sottolineato
<B>...</B> per ottenere il grassetto
I tag <B>...</B> sono stati anche analizzati nella parte principale della guida.
Un paragrafo è una porzione di testo separata dalle altre da una riga di spazio. Un paragrafo è più comunemente utilizzato per ottenere un ritorno a capo del testo.
Per ottenere un nuovo paragrafo , bisogna utilizzare il tag <P>
Invece per ottenere un ritorno a capo utilizzare il tag <BR>
Molte volte è anche utile separare il testo da una linea orizzontale , questa riga può essere inserita con il tag <HR> .
Tra i tag di paragrafi ritroviamo anche <PRE>...</PRE> , che consente di mantenere il testo originale di un word processor , incluse tabulazioni e i rientri.
Come già sappiamo , ad ogni pagina web è possibile associare un titolo , per fare questo dobbiamo usare il tag <TITLE>...</TITLE> , questo tag lo abbiamo utilizzato anche nell'introduzione della guida.
Ricordate i tag <HEAD>..</HEAD> , spiegati nello schema della pagina web?? Qui vengono inseriti i Meta-Tag!
Che cosa sono i Meta-Tag ?? Semplice , sono delle informazioni sul contenuto della pagina , le parole chiave e l'autore. I meta-tag sono identificati dal tag <META> e i valoripiù usati per l'attributo NAME sono.
Ultimo argomento sulla formattazone della pagina che dobbiamo studiare sono i colori dei caratteri e dello sfondo della pagina web.
Il linguaggio HTML per rappresentare i colori utilizza una combinazione dei tre colori RGB , ma noi normalmente possiamo utilizzare l'inglese per usare i colori
Questi sono i colori più usati
00 00 00 Colore : Nero
FF FF FF Colore : Bianco
FF 00 00 Colore : Rosso
00 FF 00 Colore : Verde
00 00 FF Colore : Blu
Ora per assegnare il colore alla nostra pagina web dobbiamo usare il tag body nel seguente modo :
<BODY BGCOLOR="FF0000"> oppure <BODY BGCOLOR="red">
Ora abbiamo imparato molte cosuccie fondamentali per l'HTML , e salvando tutte le cose dobbiamo ottenere una cosa simile.
Questo capitolo termina qui , ti aspettiamo nella lettura del prossimo ;)
Per problemi o dubbi non esitare a commentare
Inziamo subito a lavorare ;)
- Dimensione e stile dei caratteri
In una pagina web è necessario utilizzare differenti dimensioni di caratteri per distinguere il titolo dal testo della pagina.Per questo in html sono previsti una serie di codici differenti.
Il tag è <Hn></Hn> , dove n indica il codice numerico corrispondente alla dimensione del carettere. Al carattere è possibile associare anche uno stile , e per applicare questo effetto il testo deve essere racchiuso all'interno dei seguenti tag.
<I>...</I> per ottenere il testo in corsivo
<U>...</U> per ottenere il sottolineato
<B>...</B> per ottenere il grassetto
I tag <B>...</B> sono stati anche analizzati nella parte principale della guida.
- Paragrafi
Un paragrafo è una porzione di testo separata dalle altre da una riga di spazio. Un paragrafo è più comunemente utilizzato per ottenere un ritorno a capo del testo.
Per ottenere un nuovo paragrafo , bisogna utilizzare il tag <P>
Invece per ottenere un ritorno a capo utilizzare il tag <BR>
Molte volte è anche utile separare il testo da una linea orizzontale , questa riga può essere inserita con il tag <HR> .
Tra i tag di paragrafi ritroviamo anche <PRE>...</PRE> , che consente di mantenere il testo originale di un word processor , incluse tabulazioni e i rientri.
- Titolo
Come già sappiamo , ad ogni pagina web è possibile associare un titolo , per fare questo dobbiamo usare il tag <TITLE>...</TITLE> , questo tag lo abbiamo utilizzato anche nell'introduzione della guida.
- Meta-Tag
Ricordate i tag <HEAD>..</HEAD> , spiegati nello schema della pagina web?? Qui vengono inseriti i Meta-Tag!
Che cosa sono i Meta-Tag ?? Semplice , sono delle informazioni sul contenuto della pagina , le parole chiave e l'autore. I meta-tag sono identificati dal tag <META> e i valoripiù usati per l'attributo NAME sono.
- Description
- Keywords
- Author
Ora vi presentiamo un'immagine su come utilizzarli
- Colori
Ultimo argomento sulla formattazone della pagina che dobbiamo studiare sono i colori dei caratteri e dello sfondo della pagina web.
Il linguaggio HTML per rappresentare i colori utilizza una combinazione dei tre colori RGB , ma noi normalmente possiamo utilizzare l'inglese per usare i colori
Questi sono i colori più usati
00 00 00 Colore : Nero
FF FF FF Colore : Bianco
FF 00 00 Colore : Rosso
00 FF 00 Colore : Verde
00 00 FF Colore : Blu
Ora per assegnare il colore alla nostra pagina web dobbiamo usare il tag body nel seguente modo :
<BODY BGCOLOR="FF0000"> oppure <BODY BGCOLOR="red">
Ora abbiamo imparato molte cosuccie fondamentali per l'HTML , e salvando tutte le cose dobbiamo ottenere una cosa simile.
Questo capitolo termina qui , ti aspettiamo nella lettura del prossimo ;)
Per problemi o dubbi non esitare a commentare
4 Commenti
Puoi lasciare una risposta, oppure fare un trackback dal tuo sito.
Pubblicato il 25 09 2010 alle 04:31 | Commento numero : 1
[...] Dimensione e stile dei caratteri In una pagina web è necessario… Continue reading here: HTML : La formattazione della paginaBypass-World :: Blog » HTML : La formattazione della [...]
Pubblicato il 04 10 2010 alle 11:05 | Commento numero : 2
ЎGracias! Ahora me irй en este blog cada dнa!
Gracias
[url=http://www.freepornmpk.com/]Miato[/url]
Pubblicato il 13 10 2010 alle 15:13 | Commento numero : 3
ЎUf, me gustу! Tan clara y positiva.
[url=http://www.blogosearching.com/]Boldy[/url]
Pubblicato il 15 10 2010 alle 12:13 | Commento numero : 4
Definitely wonderful desgin of one’s blog. It can be individual and compares to your posts. Don?t give up and make your personal point!