El cos del document

Correu electrònic Imprimeix PDF

El cos del document d'HTML

En el cos del document hi inclourem i compaginarem tot el contingut que volem mostrar a la pàgina web: text, imatges, gràfics, enllaços a altres pàgines, llistes, formularis...

Aquí teniu alguns continguts que podeu posar en el cos del document:

Els colors estàndard

Per especificar el valor d'un atribut de color podem utilitzar el seu codi de color (precedit pel símbol #) o, si és el cas, el seu nom estàndard. El codi de color es defineix amb tres parelles de valors hexadecimals. La primera parella de valors indica la quantitat de vermell (Red), la segona indica la quantitat de verd (Green) i la tercera la de blau (Blue).


Nom Color Codi
black
#000000
teal
#008080
blue
#0000FF
navy
#000080
lime
#00FF00
white
#FFFFFF
purple
#800080
yellow
#FFFF00
olive
#808000
red
#FF0000
maroon
#800000
gray
#808080
fuchsia
#FF00FF
green
#008000
silver
#C0C0C0
aqua
#00FFFF

 

<HTML>
<HEAD>
<TITLE>La meva pàgina web</TITLE>
</HEAD>
<BODY bgcolor="#FFFF00" >
Aquesta és la meva primera pàgina web!
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>La meva pàgina web</TITLE>
</HEAD>
<BODY bgcolor="yellow" >
Aquesta és la meva segona pàgina web!
</BODY>
</HTML>

 

Salts de línia

L'etiqueta <BR> (break) provoca un salt de línia. No necessita etiqueta de tancament.

salt de<BR>línia

es veuria...

salt de
línia

Estil del text

Les etiquetes següents marquen (defineixen) quin és l'estil del text que hi ha entre l'etiqueta d'obertura i la de tancament.

Estil Codi d'exemple Resultat
Negreta: <B> negreta </B> negreta

<STRONG> marcat </STRONG> marcat
Cursiva: <I> cursiva </I> cursiva

<EM> emfatitzat </EM> emfatitzat

<DFN> definició </DFN> definició

<CITE> cita </CITE> cita
Subratllat: <U> subratllat </U> subratllat

<INS> inserit </INS> inserit
Tatxat: <S> tatxat </S> tatxat

<DEL> eliminat </DEL> eliminat
Tipus teletip: <TT> text tipus teletip </TT> text tipus teletip

<KBD> teclat </KBD> teclat

<SAMP> exemple </SAMP> exemple

<CODE> codi </CODE> codi
Subíndex: normal<SUB>subíndex</SUB> normalsubíndex
Superíndex: normal<SUP>superíndex</SUP> normalsuperíndex
Petit: <SMALL> petit </SMALL> petit
Gran: <BIG> gran </BIG> gran

Cita: <BLOCKQUOTE> cita </BLOCKQUOTE>
cita

El text contingut en aquesta etiqueta BLOCKQUOTE
apareixerà sagnat respecte els marges esquerre i dret del document


p.ex:

<U><I>Estem aprenent a crear documents d'</I> <STRONG>Hyper Text Markup Language</STRONG></U>

es veuria...

Estem aprenent a crear documents d' Hyper Text Markup Language

2<SUP>2</SUP>=2*2=<B>4</B><BR>5<SUP>3</SUP>=5*5*5=<B>125</B>

es veuria...

22=2*2=4
53=5*5*5=125

Tipus, mida i color de la lletra

La següent etiqueta defineix el tipus, la mida i el color del text que es troba entre l'etiqueta d'obertura i la de tancament.

Noms de tipus de lletra:
  • Arial
  • Arial Black
  • Comic Sans MS
  • Fixedsys
  • System
  • Times News Roman
  • Helvetica
  • Sans-Serif
  • Verdana
  • Terminal

<FONT face="Arial Black" size="5" color="red">text <U>Arial Black</U> de mida <U>5</U> i en color <U>vermell</U></FONT>

es veuria...

text Arial Black de mida 5 i en color vermell

<FONT face="Times New Roman" size="7" color="#000000">text <U>Times New Roman</U> de mida <U>7</U> i en color <U>negre</U> </FONT>

es veuria...

text Times New Roman de mida 7 i en color negre

Encapçalaments

Les etiquetes que defineixen les capçaleres es poden utilitzar, per exemple, per marcar el títol i/o els diferents subapartats que formen el document o simplement per a ressaltar qualsevol text. Existeixen sis tipus de capçaleres, van de la 1 (la més gran) a la 6 (la més petita), i és necessari utilitzar l'etiqueta de tancament per senyalar-ne el final.

<Hnúm.>capçalera</Hnúm.>

Paràgrafs

Un paràgraf és un bloc de text, delimitat per l'etiqueta d'obertura i per la de tancament, que es mostra separat de la resta per un salt de línia.

<P align="left | right | center | justify ">text</P>

El cos del document d'HTML

En el cos del document hi inclourem i compaginarem tot el contingut que volem mostrar a la pàgina web: text, imatges, gràfics, enllaços a altres pàgines, llistes, formularis...

Aquí teniu alguns continguts que podeu posar en el cos del document:

Els colors estàndard

Per especificar el valor d'un atribut de color podem utilitzar el seu codi de color (precedit pel símbol #) o, si és el cas, el seu nom estàndard. El codi de color es defineix amb tres parelles de valors hexadecimals. La primera parella de valors indica la quantitat de vermell (Red), la segona indica la quantitat de verd (Green) i la tercera la de blau (Blue).

Nom Color Codi
black
#000000
teal
#008080
blue
#0000FF
navy
#000080
lime
#00FF00
white
#FFFFFF
purple
#800080
yellow
#FFFF00
olive
#808000
red
#FF0000
maroon
#800000
gray
#808080
fuchsia
#FF00FF
green
#008000
silver
#C0C0C0
aqua
#00FFFF

<HTML>
<HEAD>
<TITLE>La meva pàgina web</TITLE>
</HEAD>
<BODY bgcolor="#FFFF00" >
Aquesta és la meva primera pàgina web!
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>La meva pàgina web</TITLE>
</HEAD>
<BODY bgcolor="yellow" >
Aquesta és la meva segona pàgina web!
</BODY>
</HTML>

Salts de línia

L'etiqueta <BR> (break) provoca un salt de línia. No necessita etiqueta de tancament.

salt de<BR>línia

es veuria...

salt de
línia

Estil del text

Les etiquetes següents marquen (defineixen) quin és l'estil del text que hi ha entre l'etiqueta d'obertura i la de tancament.

Estil Codi d'exemple Resultat
Negreta: <B> negreta </B> negreta

<STRONG> marcat </STRONG> marcat
Cursiva: <I> cursiva </I> cursiva

<EM> emfatitzat </EM> emfatitzat

<DFN> definició </DFN> definició

<CITE> cita </CITE> cita
Subratllat: <U> subratllat </U> subratllat

<INS> inserit </INS> inserit
Tatxat: <S> tatxat </S> tatxat

<DEL> eliminat </DEL> eliminat
Tipus teletip: <TT> text tipus teletip </TT> text tipus teletip

<KBD> teclat </KBD> teclat

<SAMP> exemple </SAMP> exemple

<CODE> codi </CODE> codi
Subíndex: normal<SUB>subíndex</SUB> normalsubíndex
Superíndex: normal<SUP>superíndex</SUP> normalsuperíndex
Petit: <SMALL> petit </SMALL> petit
Gran: <BIG> gran </BIG> gran

Cita: <BLOCKQUOTE> cita </BLOCKQUOTE>
cita

El text contingut en aquesta etiqueta BLOCKQUOTE
apareixerà sagnat respecte els marges esquerre i dret del document

p.ex:

<U><I>Estem aprenent a crear documents d'</I> <STRONG>Hyper Text Markup Language</STRONG></U>

es veuria...

Estem aprenent a crear documents d' Hyper Text Markup Language

2<SUP>2</SUP>=2*2=<B>4</B><BR>5<SUP>3</SUP>=5*5*5=<B>125</B>

es veuria...

22=2*2=4
53=5*5*5=125

Tipus, mida i color de la lletra

La següent etiqueta defineix el tipus, la mida i el color del text que es troba entre l'etiqueta d'obertura i la de tancament.

Noms de tipus de lletra:
  • Arial
  • Arial Black
  • Comic Sans MS
  • Fixedsys
  • System
  • Times News Roman
  • Helvetica
  • Sans-Serif
  • Verdana
  • Terminal

<FONT face="Arial Black" size="5" color="red">text <U>Arial Black</U> de mida <U>5</U> i en color <U>vermell</U></FONT>

es veuria...

text Arial Black de mida 5 i en color vermell

<FONT face="Times New Roman" size="7" color="#000000">text <U>Times New Roman</U> de mida <U>7</U> i en color <U>negre</U> </FONT>

es veuria...

text Times New Roman de mida 7 i en color negre

Encapçalaments

Les etiquetes que defineixen les capçaleres es poden utilitzar, per exemple, per marcar el títol i/o els diferents subapartats que formen el document o simplement per a ressaltar qualsevol text. Existeixen sis tipus de capçaleres, van de la 1 (la més gran) a la 6 (la més petita), i és necessari utilitzar l'etiqueta de tancament per senyalar-ne el final.

<Hnúm.>capçalera</Hnúm.>

Paràgrafs

Un paràgraf és un bloc de text, delimitat per l'etiqueta d'obertura i per la de tancament, que es mostra separat de la resta per un salt de línia.

<P align="left | right | center | justify ">text</P>

Línia horitzontal

La línia horitzontal s'acostuma a utilitzar per a dividir la pàgina en diferents apartats o seccions. No necessita l'etiqueta de tancament.

p.ex:

<HR align="center" width="40%" size="15" color="blue" noshade>
<HR size="10" align="center" width="60%">

es veuria...

Comentaris

S'utilitza aquesta etiqueta per incloure comentaris, anotacions, dins del codi font del document. Les anotacions sempre són útils quan es volen fer modificacions del codi font original temps després d'haver-lo creat. També s'utilitza per a amagar tot aquell codi font que no es vol mostrar en el programa navegador sense necessitat d'esborrar-lo. Tot el que es trobi entre <!-- i --> serà ignorat pel programa navegador.

<!-- Comentaris -->
 

Escriure un comentari


Códi de seguretat
Actualitzar


Més Llegit...

Ultimes Noticies

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterAvui104
mod_vvisit_counterAhir154
mod_vvisit_counterAquesta setmana104
mod_vvisit_counterÚltima setmana953
mod_vvisit_counterAquest mes3068
mod_vvisit_counterÚltim mes3277
mod_vvisit_counterTotal342749