APUNTS PRÀCTICS HTML 4.0
En aquest capítol es tracten els següents elements:
| STRONG | B | EM | I |
| U | STRIKE | TT | SUB |
| SUP | SMALL | BIG | DFN |
| CODE | SAMP | KBD | CITE |
| VAR | FONT | DIV | ADDRESS |
| BLOCKQUOTE | PRE | BASEFONT | S |
| Q | ABBR | SPAN | ACRONYM |
Contingut del capítol:
Hi ha varies opcions que es poden fer servir per a canviar la forma i l'organització del text. Hi ha els elements STRONG, B, EM, I, U, STRIKE, S, TT, SUP, SUB, SMALL, BIG, DFN, CODE, SAMP, KBD, VAR i CITE.
| Descripció | Codi HTML | Exemple |
| Negreta | <strong>Negreta</strong> | Text en Negreta |
| Negreta | <b>Negreta</b> | Text en Negreta |
| Itàlica o cursiva | <em>Itàlica</em> | Text en itàlica |
| Itàlica o cursiva | <i>Itàlica</i> | Text en itàlica |
| Subratllat | <u>subratllat</u> | Text subratllat |
| Tatxat | <strike>Tatxat</strike> | |
| Tatxat | <s>Tatxat</s> | |
| Teletip | <tt>Teletip</tt> | Teletip |
| Text en subíndex | Text <sub>en </sub>subíndex | Text en subíndex |
| Text en superíndex | Text <sup>en </sup>superíndex | Text en superíndex |
| Text petit | <small>Text petit</small> | Text petit |
| Text gran | <big>Text gran</big> | Text gran |
| Text de definició | Text <dfn>en forma </dfn>d'exemple | Text en forma d'exemple |
| Text de codi | Text <code>en forma </code>d'exemple | Text en forma d'exemple |
| Text literal | Text <samp>en forma </samp>d'exemple | Text en forma d'exemple |
| Text de teclat | Text <kbd>en forma </kbd>d'exemple | Text en forma d'exemple |
| Text de citacions | Text <cite>en forma </cite>d'exemple | Text en forma d'exemple |
| Text de variables | Text <var>en forma </var>d'exemple | Text en forma d'exemple |
Alguns elements, depenent del visualitzador i de la seva versió, potser que
no es puguin veure correctament.
BIG dóna el mateix resultat que FONT
SIZE=+1, i SMALL equival a FONT SIZE=-1
L'element <DIV> hauria de ser usat amb atributs dels Fulls d'Estil CSS, per a nomenar una secció de text que conté un cert estil. Netscape ha implementat aquest element que treballa igual que l'element <P ALIGN= ...>. Bàsicament, el text envoltat per <DIV> ... </DIV> serà formatejat d'acord amb la descripció adjuntada a l'atribut ALIGN dins dels elements de <DIV>.
L'element ADDRESS especifica informació com pot ser una adreça, autor, signatura, etc. La informació es mostra en itàlica i conté un salt de línia abans i després
L'element BLOCKQUOTE es fa servir per mostrar la informació referent a l'origen d'algun text. És aplicable a cites força llargues. Si les cites són curtes, també es pot fer servir l'element Q.
L'element ABBR serveix per a mostrar algun tipus d'abreviatura, per exemple, WWW, HTTP, URI, Mass., etc.
L'element ACRONYM indica que el que ve a continuació es tracta d'un acronim o sigla, per exemple, WAC, radar, etc.
2. Entrant text amb format propi
Text preformatejat. L'element PRE serveix per a introduïr text amb un format ja establert, preformatejat, amb preservació dels espais entre caràcters i línies en blanc que hi hagin.
Producte multimèdia: Hi h'haver: - El Sr. ( xxxx ) - L'equip de treball. |
<pre>Producte multimèdia: Hi h'haver: - El Sr. ( xxxx ) - L'equip de treball.</pre> |
Per defecte, el text sempre està aliniat l'esquerra. Si es vol
centrar o aliniar a la dreta, cal fer servir els elements ALIGN=CENTER, ALIGN=RIGHT o ALIGN=LEFT per a l'esquerra. Quan hi ha
més d'una línia de text, per a justificar el text als dos costats del marge, cal
fer servir ALIGN=JUSTIFY.
| Aliniat esquerra | <p align="left">Text aliniat a l'esquerra</p> | Text a l'esquerra |
| Aliniat dreta | <p align="right">Text aliniat a la dreta</p> |
Text a la dreta |
| Aliniat centre | <p align="center">Text centrat</p> |
Text centrat |
| Aliniat centre | <center>Text centrat</center> |
Text centrat |
| Justificat | <p align="justify">Text justificat</p> |
Text justificat |
El tipus per defecte de la mida normal de la lletra és equivalent a FONT SIZE=3, de 12 punts. Es pot canviar la grandària de la
lletra, des de FONT SIZE=1, més petita, fins a FONT SIZE=7, més gran.
| Mida normal | Mida normal (igual que mida 3) | |
| Mida 1 | <font size="1">Mida 1</font> | Mida 1 (8 punts) |
| Mida 2 | <font size="2">Mida 2</font> | Mida 2 (10 punts) |
| Mida 3 | <font size="3">Mida 3</font> | Mida 3 (12 punts) (igual que mida normal) |
| Mida 4 | <font size="4">Mida 4</font> | Mida 4 (14 punts) |
| Mida 5 | <font size="5">Mida 5</font> | Mida 5 (18 punts) |
| Mida 6 | <font size="6">Mida 6</font> | Mida 6 (24 punts) |
| Mida 7 | <font size="7">Mida 7</font> | Mida 7 (26 p) |
També és pot canviar el tipus per defecte d'un text de la mida
normal, fent FONT SIZE=+/-valor, a on valor pot anar de 1 a 7. Si, per defecte,
el FONT SIZE=3 i fem FONT SIZE=+2, el resultat serà que el text seleccionat
tindrà un valor FONT SIZE=5.
La mida per defecte, que és de 3, es pot
canviar per a tot el document que està en pantalla, amb l'element BASEFONT SIZE.
| Mida normal | Mida normal | |
| Mida +2 | <font size="+2">Mida +2</font> | Mida +2 |
| Mida 5 | <font size="5">Mida 5</font> | Mida 5 |
L'aparença del tipus de la lletra depèn de si està en negreta, itàlica, etc. i també del tipus de lletra, Courier, Times New Roman, Verdana, etc. Els tipus de lletra són operatius si el que visualitza la pàgina web el té instal.lat en el seu ordinador. Si no és així, es visualitzarà en el tipus de lletra prefixat.
El tipus de lletra pot ser firxat amb l'element FONT FACE. Aquest element, no necessàriament vàlid per a entorns Macintosh, Unix, etc, se li proporciona el nom de la font a utilitzar, i, opcionalment, un seguit de fonts, que les utilitzarà a mesura de que les anteriors l'ordinador en que es visualitzi la pàgina si no les té les anirà substituint. Si finalment no n'hi ha cap d'instal.lada, es visualitzarà la font per defecte.
| Text en font Verdana | <font face="Verdana">Text en font Verdana</font> |
| Text en font Merlin | <font face="Merlin">Text en font Verdana</font> |
| Text en font Kids | <font face="Kids">Text en font Verdana</font> |
| Text en font Melcior, si no la
té, en France |
<font face="Melcior,
France">Text en font Melcior, si no la
té,<br> en France</font> |
L'element FONT COLOR permet visualitzador el text en el color desitjat.Els valor de COLOR han de ser en hexadecimal.
| Text en vermell Text en groc Text en blau |
<font color="#FF0000">Text en
vermell</font><br> <font color="#FFFF00">Text en groc</font><br> <font color="#0000FF">Text en blau</font> |
| 140 Colors | Assenyala amb el mouse el color desitjat i anota el valor de RGB en format #rrggbb. (FONT COLOR =#rrggbb) | ||||||||||||||||||
7. Canviant l'aparença d'un bloc de text
Amb l'element SPAN es pot canviar l'aparença d'un bloc de text determinat. El següent exemple mostra com es poden fer determinats canvis.
| Això és un bloc de text | <span STYLE="color:blue; font-weight:bold; font-style:italic"><p>Això és un bloc de text</span></p> |
| © Melcior Oliveras 1998 melcior@intercom.es | |
|
| ||