Manuals
2.2. El text i els seus formatsTreballant 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) á --> á | Á --> Á
(Etiqueta) &VOCALgrave; - (Exemple) à --> à | À --> À
Igual que els accents, amb aquest tipus d'etiquetes també es pot fer la ç, la ñ castellana (ñ), 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:
RainCTTraducció i adaptació: RainCT.
Correcció: JoTGi.