Il Testo
Adesso parliamo di testo! Mi sembra naturale che una pagina web sia tale con su scritto qualcosa, dalle semplici informazioni ai link che portano ad altre pagine, quindi per prima cosa ci occuperemo di dare "colore" ai nostri testi.
L'istruzione che assegna il colore ad un intero documento và inserita nel tag BODY:
<body text="red">
quindi è perfettamente lecito scrivere
<body bgcolor ="#ffffff" text="#00ffcc">.
Una volta asseggnato il colore del testo ci possiamo occupare della costruzione dei titoli.
Le grandezze previste dall'HTML per i titoli o meglio per gli "heading" sono sei:
<h1> Titolo</h1> (il più grande)
<h2> Titolo</h2>
<h3> Titolo</h3>
<h4> Titolo</h4>
<h5> Titolo</h5>
<h6> Titolo</h6>(il più piccolo)
Tutti i tag H saranno visualizzati in grassetto e lasceranno vuota una riga prima ed una riga dopo il vostro titolo.
Ricapitoliamo:
<HTML>
<Head>
<META name="keywords" Content="libri,manuali,guide,libreria on-line">
<META name="description" content="La mia pagina web">
<META NAME="ROBOTS" CONTENT="FOLLOW,INDEX">
<META name="author" content="Nome Cognome">
<META NAME="GENERATOR" content=">Blocco note di WinXP>
<Title>Esempio di Titolo</Title>
</Head>
<Body>
<h1> Titolo 1</h1>
<h2> Titolo 2</h2>
<h3> Titolo 3</h3>
<h4> Titolo 4</h4>
<h5> Titolo 5</h5>
<h6> Titolo 6</h6>
</Body>
</HTML>
Chiaro? spero di sì.
Chiudiamo il discorso testo con i paragrafi, e quindi il tag <P>.
Il tag <P> non ha bisogno di chiusura (</P> è facoltativo) e può sistemare il testo a vostro piacimento es.:
<P align=center>
<P align=left>
<P align=right>
E' possibile anche assegnare l'allineamento anche alle intestazioni di cui sopra es:
<h1 align="center"></h1>.
Se, come è auspicabile, deciderete di andare a capo ogni tanto basterà aggiungere il tag <br>.
Quindi <P>Ciao amico, come stai?
vi restituirà :
Ciao amico, come stai?
mentre <P>Ciao amico,<br>comestai?
vi restituirà:
Ciao amico,
come stai?
E se per caso desiderate che un testo non, ripeto non vada assolutamente a capo vi basterà inserirlo tra:<NOBR> e </NOBR>.
Il carattere lo decideremo semplicemente con i tag <font></font>
es.: <FONT face="comic sans ms">testo di tipo comic sans</FONT>.
Gli altri attributi di <font> sono il colore <FONT color="valore">, e la dimensione <FONT size="valore"> , vi basti sapere che di default il valore, se non specificato diversamente è 3, ed i valori ammessi vanno da 1 a 7.
Tra i tag <B></B> avremo il grassetto e tra i tag <I></I> il corsivo.
Con la coppia di tag <DIV> e </DIV> si può creare un blocco (contenente testo, immagini e qualunque altra serie di elementi ) di cui è possibile gestire l'allineamento. Difatti il tag <DIV> supporta l'attributo align="allineamento"(di cui abbiamo già parlato)
Con <U></U> avremo il testo sottolineato.
Per barrare un testo:<STRIKE></STRIKE>.
Due coppie di tag come <SUB> e </SUB> e poi, <SUP> e </SUP> si rivelano utili per riproporre in una pagina web sigle particolari quali:
* le formule chimiche.
Esempio: una molecola d'acqua è H2O
ed ecco come si opera: H<SUB>2</SUB>O
* le potenze.
Esempio: 2 elevato 3: 23
ed ecco come si opera: 2<SUP>3</SUP>
Per spezzare un blocco di testo da una immagine o da un altro blocco di testo spesso si ricorre a delle righe orizzontali che è possibile inserire attraverso il tag <HR>.
la lunghezza e la larghezza di questa linea sono rispettivamente definite attraverso i due attributi width="valore" e height="pixel".
Al posto del termine valore si inserisce la larghezza in pixel o in percentuale della larghezza del documento; mentre per regolare lo spessore della linea orizzontale si ricorre all'attributo height="..." il cui valore può essere specificato solo ed esclusivamente in pixel.
Un altro attributo che presenta questo tag è quello che ne regola l'allineamento,il solito align= ecc. ecc.
Buon proseguimento :-)
Nessun commento:
Posta un commento