Manuals     Documents           Torna a Eurion Networks

Manuals

2.2. El text i els seus formats

Treballant en HTML, per què aparegui un text en la pantalla, només s'ha d'escriure. Prova-ho: Obra un nou document del Bloc de Notas, escriu "Hola gent" i guarda-ho com a 'proba.html'. Ara obra el document proba.html amb el Mozilla Firefox (Netscape, Mozilla, o Internet Explorer) i veuràs que posa "Hola gent".

Molt bé, i... com es fa per donar-li format? Per fer això tornem al tema de les etiquetes. Per donar format al text és com al posar el títol, es posa: <etiqueta>Aqui va el text...</etiqueta>.

Però primer de tot, una petita explicació sobre els accents: Alguns [navegadors, servidors, etc...] més vells no interpreten els accents si estan escrits "tal qual", si no que mostren un simbol estrany (freqüentment una r amb accent, o alguna cosa així). Però, així doncs, com ho faig si vull posar accents peroò no em surten bé? Doncs precisament amb una altre classe d'etiquetes:

(Etiqueta) &VOCALacute; - (Exemple) &aacute; --> á | &Aacute; --> Á
(Etiqueta) &VOCALgrave; - (Exemple) &agrave; --> à | &Agrave; --> À

Igual que els accents, amb aquest tipus d'etiquetes també es pot fer la ç, la ñ castellana (&ntilde;), i altres caracters especials. Sí, molt interessant, però continuem amb el tema de les etiquetes per donar format. Les més importants/conegudes són:

<b>Negreta</b>
<i>Cursiva</i>
<strong>Fort</strong>
* <blink>Intermitent, no funciona amb alguns navegadors</blink>
* <code>clau</code>
* <address>Direcció</address>
* <cite>Cita</cite>
<samp>exemple</samp>
* <big>Gran impresió</big>
* <small>Petita impressió</small>
* <sub>Sub index</sub>
* <sup>Super index</sup>
* <tt>TeleTip</tt>
<key>Clay</key>
* <strike>Tatxat</strike>
* <blackquote>Cita 2</blackquote> **

(* poc utilitzats)
(** El blackquote deixa un espai gran abans d'escriure)

També hi ha l'etiqueta font, la qual té diversos valors:

<font size="mida" color="color" face="tipus de lletra">Text...</font>

Mida ha de ser reemplaçat per un numero de l'1 al 7, sent l'1 el més petit i el 7 el més gran. El color es posa en hexadecimal, però també es pot posar en angles: black, white, red, blue... (El tipus de lletra ha d'estar en el PC dels visitants per tal que la vegin correctament).

Algunes altres etiquetes importants son:

<br /> - Salt de línia
Exemple:

"Linia 1<br /> Linia2" imprimeix:
"Linia 1
Linia2"

Però si posem:
"Linia 1
Linia 2" Imprimirà:
"Linia1 Linia2".

<p> Paràgraf </p>

<center> Text centrat </center>
Una propietat de center és que, quan el tanquem es fa automàticament un salt de linia.

<div align="left/right/middle/default" vAlign="top/default/bottom/etc..."> Text <div>

El div permet decidir en quin lloc de la pantalla (amplada --> amb align, altura --> vAlign) apareixerà el text, entre altres coses que ara no explicaré.

Article original: RainCT
Traducció i adaptació: RainCT.
Correcció: JoTGi.

© CyberCat, Eurion Networks
Membre de WICCAC