Indice


Introducción

Antes de ver como crear un documento HTML aclararemos unos cuantos conceptos sobre su sintaxis. En primer lugar el navegador intentará mostrarnos secuencialmente todos los los elementos que componga nuestra página de izquierda a derecha y de arriba a abajo, salvo que se especifique lo contrario. La forma de cambiar las caracteristicas de los elementos para que se muestren de forma especial es el uso de etiquetas. El conjunto de etiquetas está preestablecido y cada una de ellas aplicará un conjunto de cambios a los elementos a los que sea aplicable. Existen etiquetas de dos tipos:

<etiqueta> ... elementos ... </etiqueta>
<etiqueta>
    

A su vez cada etiqueta puede poseer un cojunto de atributos cuyos valores nos puede interesar modificar. Para ello se utiliza la siguiente sintaxis:

<etiqueta atributo="valor" ... >
    

Si pinchas aquí podrás ver un ejemplo con un poco de todo lo que vamos a aprender a utilizar de HTML


Estructura de un documento HTML

La estructura básica de un documento HTML es la siguiente:

<html>
        <head>
                <title>título</title>
        </head>
        <body>
                contenido de la página: texto, imagenes, enlaces, ...
        </body>
</html>
    

<HMTL>

Es la principal etiqueta html. Delimita el contenido de toda el documento. Es obligatoria aunque algunos navegadores muestren correctamente la página aunque no aparezca.


<HEAD>

Contiene información acerca del documento y sobre la forma de interpretar el contenido del la sección <body>. En esta parte del documento se colocan elementos que sin formar parte del documento si que afectan a su forma de actuar y/o de mostrarse en pantalla.


<BODY>

Es la parte encargada de contener el documento. Entre la etiqueta de apertura <body> y cierre </body> es donde se introducen todos los elementos de la página: el texto, las imágenes, las tablas, ...


<TITLE>

Esta etiqueta se utiliza entre <head> y </head> y sirve para definir el título del documento que el navegador suele mostrar en la parte superior de la ventana.

<html>
        <head>
                <title>Título de mi primera página</title>
        </head>
        <body>
                Mi primera página.
        </body>
</html>
    

Organización del texto

Texto

El texto puede colocarse directamente entre <body> y </body>. Más adelante veremos ciertas etiquetas que nos permitirán modificar sus características y forma de presentación. El texto, a no se que se especifique lo contrario, se mostrará todo con las características que estén establecidas por defecto. Todos los espacios en blanco y saltos de línea serán sustituidos por un espacio en blanco a no ser que utilicemos la etiqueta <pre> que evita dicha sustitución.

<html>
        <head>
                <title>ejemplo de texto</title>
        </head>
        <body>
                Ejemplo de texto en un página. Todos los espacios en blanco 
                y saltos de línea serán sustituidos por un espacio en blanco.
        </body>
</html>
    

Comentarios

Los comentarios en HTML comienzan con <!-- y terminan por -->. Todo lo que haya entre ellos es ignorado y no se procesa para ser mostrado en pantalla.

<html>
        <head>
                <title>ejemplo de comentario</title>
        </head>
        <body>
                Esta línea no es un comentario.
                <!-- esta si es un comentario -->
                Esta no.
                <!-- 
                    esta si ...
                    y esta también
                -->
        </body>
</html>
    

Caracteres especiales

Hay algunos caracteres que no pueden escribirse tal cual porque el HTML se los reserva para su código. El conjunto de carácteres especiales depende del idioma por defecto que emplee el documento. Aquí tienes una lista de esos carácteres:

carácter escritura
< &lt; (menorque)
> &gt; (mayor que)
´ &apos; (apóstrofe)
" &quot; (comillas)
& &amp; (ampersand)
$ $$ (dólar)
&nbsp; &nbsp; (espacio)

Letras

letraescritura letraescritura letraescritura letraescritura letraescritura
A &#65; a &#97; À &#192; Û &#219; õ &#245;
B &#66; b &#98; Â &#194; Ü &#220; ö &#246;
C &#67; c &#99; Ã &#195; Ý &#221; ÷ &#247;
D &#68; d &#100; Ä &#196; Þ &#222; ø &#248;
E &#69; e &#101; Å &#197; ß &#223; ù &#249;
F &#70; f &#102; Æ &#198; à &#224; ú &#250;
G &#71; g &#103; Ç &#199; á &#225; û &#251;
H &#72; h &#104; È &#200; â &#226; ü &#252;
I &#73; i &#105; É &#201; ã &#227; ý &#253;
J &#74; j &#106; Ê &#202; ä &#228; þ &#254;
K &#75; k &#107; Ë &#203; å &#229; ÿ &#255;
L &#76; l &#108; Ì &#204; æ &#230; M &#77;
m &#109; Í &#205; ç &#231; N &#78; n &#110;
Î &#206; è &#232; O &#79; o &#111; Ï &#207;
é &#233; P &#80; p &#112; Ð &#208; ê &#234;
Q &#81; q &#113; Ñ &#209; ë &#235; R &#82;
r &#114; Ò &#210; ì &#236; S &#83; s &#115;
Ó &#211; í &#237; T &#84; t &#116; Ô &#212;
î &#238; U &#85; u &#117; Õ &#213; ï &#239;
V &#86; v &#118; Ö &#214; ð &#240; W &#87;
w &#119; × &#215; ñ &#241; X &#88; y &#120;
Ø &#216; ò &#242; Y &#89; y &#121; Ù &#217;
ó &#243; Z &#90; z &#122; Ú &#218; ô &#244;

Números

númeroescritura
0 &#48;
1 &#49;
2 &#50;
3 &#51;
4 &#52;
5 &#53;
6 &#54;
7 &#55;
8 &#56;
9 &#57;
º &#186;
¹ &#185;
² &#178;
³ &#179;

Signos especiales

signoescritura
< &lt; (menor que)
> &gt; (mayor que)
´ &apos; (apóstrofe)
" &quot; (comillas)
& &amp; (ampersand)
$ $$ (dólar)
&nbsp; &nbsp; (espacio, también puede pulsarse la tecla de espacio tal cual)

Signos

signoescritura signoescritura signoescritura
¿ &#191; & &#38; ¤ &#164;
? &#63; ' &#39; ¥ &#165;
¡ &#161; * &#42; ¦ &#166;
! &#33; + &#43; § &#167;
( &#40; = &#61; ¨ &#168;
)

&#41;

, &#44; © &#169;
[ &#91; - &#45; ª &#170;
] &#93; . &#46; ¬ &#172;
«

&#171;

: &#58; - &#173;
» &#187; ; &#59; ® &#174;
{ &#123; @ &#64; ¯ &#175;
} &#125; ^ &#94; ° &#176;
> &#62; _ &#95; ± &#177;
< &#60; ` &#96; ´ &#180;
/ &#47; ~ &#126; µ &#181;
\ &#92;  &#127; &#182;
" &#34; | &#160; · &#183;
# &#35; ¢ &#162; ¸ &#184;
% &#37; £ &#163;

Tildes y eñes

signoescritura
á&#225;
Á&#193;
é&#233;
É&#201;
í&#237;
Í&#205;
ó&#243;
Ó&#211;
ú&#250;
Ú&#218;
ñ&#241;
Ñ&#209;

Salto de línea (<br>)

Como HTML reduce todo tipo de espacios en blanco y saltos de línea a un espacio en blanco, existe una forma de crear un salto de línea, el uso de la etiqueta <br>. Cada aparición de esta etiqueta produce un salto de línea.

<html>
        <head>
                <title>ejemplo de salto de linea</title>
        </head>
        <body>
                Esta línea no acaba en salto de linea.
                Esta línea no acaba en salto de linea.
                Esta línea si acaba en salto de linea.<br>
                Esta línea no acaba en salto de linea.
                Esta línea no acaba en salto de linea.
                Esta línea si acaba en salto de linea.<br>
                Esta línea no acaba en salto de linea.
                Esta línea no acaba en salto de linea.
        </body>
</html>
    

Separadores (<hr>)

Los separadores son elementos que se muestran como una barra horizontal en la pantalla. De ellos pueden modificarse varios atributos:

Un ejemplo de separadores:

<html>
        <head>
                <title>ejemplo de separadores</title>
        </head>
        <body>
                <hr width=33% align=left size=1>
                <hr width=33% align=center size=4>
                <hr width=33% align=right size=8>
        </body>
</html>
    

Estilos físicos

Son un conjunto de etiquetas que aplican ciertos cambios a la forma en que se visualiza el texto.

Un ejemplo de cada uno de ellos:

<html>
        <head>
                <title>ejemplo de estilos físicos</title>
        </head>
        <body>
                Estilos físicos:<br>
                        <b>negrita</b>, <br>
                        <i>cursiva</i>, <br>
                        <u>subrayado</u>, <br>
                        <tt>letra no proporcinal</tt>, <br>
                        <big>grande</big>, <br>
                        <small>pequeña</small>, <br>
                        <s>tachado</s>, <br>
                        <sub>subíndice</sub>, <br>
                        <sup>superíndice</sup><br>
        </body>
</html>
    

Estilos lógicos

Al igual que los estilos físicos modifican el aspecto del texto, pero en vez de con un cambio permanente, la modificación depende de las preferencias del usuario.

Un ejemplo de cada uno de ellos:

<html>
        <head>
                <title>ejemplo de estilos lógicos</title>
        </head>
        <body>
                Estilos lógicos:<br>
                        <strong>fuerte</strong>, <br>
                        <em>enfatizado</em>, <br>
                        <code>código</code>, <br>
                        <blockquote>bloque indentado</blockquote>, <br>
        </body>
</html>
    

Fuentes de texto

Las fuentes de texto permiten realizar una serie de modificaciones al aspecto del texto. Entre ellas cabe destacar el tamaño, el color y la familia como las más importantes. Todas ellas se modifican a través de los atributos de la etiqueta <font>.


Tamaño del texto

El tamaño del texto es una de las características más fáciles de modificar. El texto tiene un tamaño que va de 1 a 7, siendo 3 el tamaño establecido por defecto.

La etiqueta <basefont> permite modificar el tamaño de letra por defecto. El siguiente ejemplo hace que el tamaño de fuente por defecto pase de 3 a 5:

<html>
        <head>
                <title>ejemplo de basefont</title>
        <head>
        <body>
                El texto por defecto tiene tamaño 3.
                <basefont size=5>
                A partir de ahora tendrá tamaño 5.
        <body>
</html>
    

También es posible cambiar el tamaño de ciertas secciones de un documento sin tener que cambiar el tamaño por defecto. Para esto existe la etiqueta <font>. Mediante su atributo size podemos especificar cualquier tamaño entre 1 y 7, o usar el signo "+" o "-" y una cantidad para agrandar o enpequeñecer el texto de forma relativa al tamaño por defecto. Veamos un ejemplo:

<html>
        <head>
                <title>ejemplo de font</title>
        </head>
        <body>
                <font size=1> fuente de tamaño 1</font><br>
                <font size=2> fuente de tamaño 2</font><br>
                <font size=3> fuente de tamaño 3</font><br>
                <font size=4> fuente de tamaño 4</font><br>
                <font size=5> fuente de tamaño 5</font><br>
                <font size=6> fuente de tamaño 6</font><br>
                <font size=7> fuente de tamaño 7</font><br>
        </body>
</html>
    

Color del texto

El color del texto puede cambiarse mediante la utilización del atributo color de la etiqueta <font>. El color puede especificarse mediante un nombre de color o mediante una descripción RBG. Veamos un ejemplo:

<html>
        <head>
                <title>ejemplo de color</title>
        </head>
        <body>
                <font color=red>Color rojo</font>
                <font color=green>Color verde</font>
                <font color=#0000ff>Color azul</font>
        </body>
</html>
    

Tipo de fuente

El tipo de fuente se modifica mediante el atributo face de la etiqueta <font>. Si se especifica más de una el navegador utilizará la primera que esté disponible. Las fuentes por lo general varian entre navegadores y entre sistemas operativos, por lo que es conveniente utilizar varias para asegurarnos de que se utilizará alguna de las que deseemos. He aqui un ejemplo:

<html>
        <head>
                <title>ejemplo de tipos de fuentes</title>
        </head>
        <body>
                Fuente por defecto
                <font face="arial">Fuente Arial</font>
                <font face="times">Fuente Times</font>
                <font face="helvetica">Fuente Helvetica</font>
        </body>
</html>
    

Cabeceras (<h1>..<h6>)

Suelen utilizarse para identificar los titulos de las diferentes secciones de un documento. Suelen aparecer en negrita y con tamaños de letra variando desde muy grande para <h1> hasta muy pequeño para <h6>. El siguiente ejemplo los muestra todos para asi poder distinguir fácilmente los cambios entre ellos:

<html>
        <head>
                <title>ejemplo de cabeceras</title>
        </head>
        <body>
                <h1>Cabecera h1</h1>
                <h2>Cabecera h2</h2>
                <h3>Cabecera h3</h3>
                <h4>Cabecera h4</h4>
                <h5>Cabecera h5</h5>
                <h6>Cabecera h6</h6>
        </body>
</html>
    

Párrafos

Los párrafos pueden especificarse de varias formas. La más inmediata es escribir directamente el texto y colocar saltos de línea con <br> entre ellos. Sin embargo esta no es la más conveniente. Es mejor utilizar alguna de las etiquetas <p> o <div>. Ambas tienen el efecto de crear un párrafo con la diferencia de que <p> añade un salto de línea al final del párrafo, cosa que no hace <div>. Ambas tienen la utilidad añadida de delimitar todo el párrafo, pudiéndose de esta forma aplicar cambios al mismo a través de sus atributos. De ellos el más importante es align que permite escoger la alineación horizontal del texto.

Un ejemplo sobre párrafos:

<html>
        <head>
                <title>ejemplo de párrafos</title>
        </head>
        <body>
                Párrafos separados por un salto de línea. <br>
                Párrafos separados por un salto de línea. <br>
                <p>Un párrafos delimitado por <p>.</p>
                <div>Un párrafos delimitado por <div>.</div>
        </body>
</html>
    

Texto preformateado

La etiqueta <pre> sirve para delimitar un texto que deseamos sea mostrado como código fuente, lo que normalmente se traduce en un tipo de texto no proporcional y el respeto de los espacios, saltos de línea y tabuladores. Todos los ejemplos de este tutorial están creados utilizando esta etiqueta.

<html>
        <head>
                <title>ejemplo de texto preformateado</title>
        </head>
        <body>
                Este es un ejemplo muy simple del uso de <pre>.<br>

                Sin <pre>:
                ----
                |      |
                |      |
                ----

                Con <pre>:
                <pre>
                ----
                |      |
                |      |
                ----
                </pre>
        </body>
</html>
    

Texto parpadeante

Podemos hacer que el texto parpadee así utilizando la etiqueta <blink>. Usadlo con cuidado porque es una de las cosas que menos gustan a los navegantes. He aqui un ejemplo

<html>
        <head>
                <title>ejemplo de texto parpadeante</title>
        </head>
        <body>
                Esta línea es normal.
                <blink>Esta en cambio parpadea.</blink>
        </body>
</html>
    

Listas

Una lista es una forma de organizar la información en diferentes líneas. Cada uno de los elementos de la lista puede estar precedida por una marca, número, letra o cadena. Las listas pueden anidarse, es decir, podemos crear listas dentro de otras listas. Existen tres tipos de listas:

Dentro de cada lista los difentes elementos que la componen se indican encerrándoslos entre las etiquetas <li> y </li>.


Listas no ordenadas <ul>

Se crean utilizando la etiqueta <ul>. En este tipo de listas los elementos aparecen precedidos de una marca, que, dependiendo del nivel será diferente. Para escoger el tipo de marca hemos de utilizar el atributo type. Los posibles valores que puede tonar son:

He aqui un ejemplo:

<html>
        <head>
                <title>ejemplo de lista no ordenada</title>
        </head>
        <body>
                <h1>Ejemplo de lista no ordenada</h1>
                <ul>
                        <li>primer elemento</li>
                        <li>segundo elemento
                                <ul>
                                        <li>primer elemento</li>
                                        <li>segundo elemento</li> 
                                        <li>tercer elemento</li>
                                        <li>cuarto elemento</li>
                                </ul>
                        </li> 
                        <li>tercer elemento</li>
                        <li>cuarto elemento</li>
               </ul>
        </body>
</html>
    

Resultado del ejemplo:


Listas ordenadas <ol>

Para crear una lista de este tipo debemos utilizar la etiqueta <ol>. En este tipo de listas los elementos aparecen ordenados mediante una secuencia de números o letras. Para escoger el tipo de marca hemos de utilizar el atributo type. Los posibles valores que puede tonar son:

También podemos utilizar lo atributo start para indicar el valor inicial que debe tomar la lista. Además la etiqueta <li> posee otro atributo llamado value que nos permitirá modificar el número de cualquier elemento de la lista de forma individual.

Ejemplo:

<html>
        <head>
                <title>ejemplo de lista ordenada</title>
        </head>
        <body>
                <h1>Ejemplo de lista ordenada</h1>

                <table>      
                    	<td>
                    	  <ol>
            	            <li>primer elemento</li>
                    	    <li>segundo elemento</li>
                    	    <li>tercer elemento</li>
                    	  </ol>
            	        </td>
                    	<td>
                    	  <ol type=a>
                    	    <li>primer elemento</li>
                    	    <li>segundo elemento</li>
            	            <li>tercer elemento</li>
                    	  </ol>
                    	</td>
            	        <td>
	                    <ol type=A>
                    	    <li>primer elemento</li>
            	            <li>segundo elemento</li>
                    	    <li>tercer elemento</li>
                    	  </ol>
            	        </td>
                	<td>
	               	  <ol type=i>
            	            <li>primer elemento</li>
                    	    <li>segundo elemento</li>
                    	    <li>tercer elemento</li>
            	          </ol>
                    	</td>
                    	<td>
	          	    <ol type=I>
                    	    <li>primer elemento</li>
                    	    <li>segundo elemento</li>
            	            <li>tercer elemento</li>
                    	  </ol>
                    	</td>
                </table>
        </body>
</html>
    

Resultado del ejemplo:

  1. primer elemento
  2. segundo elemento
  3. tercer elemento
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
  1. primer elemento
  2. segundo elemento
  3. tercer elemento

Listas de definiciones <dl>

Las listas de definiciones muestran un término y su definición. Su uso es ligeramente diferente a los dos tipos de listas vistos anteriormente. Para crear una de esta listas hemos de emplear las etiquetas <dl> y </dl>. En su interior hemos de utilizar dos etiquetas diferentes: <dt> para identificar el término que deseamos describir y <dd> para señalar la defición que deberá emparejarse con el término anterior.

Ejemplo:

<html>
        <head>
                <title>ejemplo de lista de definiciones</title>
        </head>
        <body>
                <DL>
                        <DT>HTML
	                <DD>This tag marks a text file as an HTML document.
                        <DT>HEAD
                        <DD>This tag encloses the heading for the HTML document.
                        <DT>BODY
                        <DD>This tag displays the body for the HTML document.
                        <DT>DL
                        <DD>This tag displays a definition list in the HTML document.
                        <DT>DT
                        <DD>This tag displays a term in a definition list.
                        <DT>DD
                        <DD>This tag displays a definition description.
                </DL>
        </body>
</html>
    

Resultado del ejemplo:

 
HTML    
This tag marks a text file as an HTML document.  
HEAD    
This tag encloses the heading for the HTML document.  
BODY    
This tag displays the body for the HTML document.  
DL    
This tag displays a definition list in the HTML document.  
DT    
This tag displays a term in a definition list.  
DD    
This tag displays a definition description.

Enlaces

Los enlaces se crean mediante la etiqueta <a>. Como veremos a continuación, esta etiqueta puede hacer cosas muy diferentes en función de cuales de sus atributos utilicemos y como. Aquí sólamente veremos el uso de dos ellos: href y name.

El primer uso que veremos es el del atributo name para crear identificadores dentro de una página para, así, luego poder saltar a ellos. La forma de crear un identificador es:

<a name="identificador">

Para poder saltar a otra parte, tanto dentro del mismo documento como en cualquier otra direción de la red, hemos de usar el atributo href de la siguiente forma:

<a href="dirección">

Para saltar a otra parte dentro de un mismo documento primero habremos de definir un identificador mediante name y después saltar a él mediante href. Los saltos dentro del mismo documento so especiales y es necesario añadir un caracter # antes del identificador en href.

Para pasar a cualquier otro documento de nuestro sistema de ficheros simplemente utilizaremos el atributo href al que pondermos la dirección del documento de destino. Esta direccción puede especificarse tanto de forma absoluta como relativa al directorio del documento de origen.

También podremos saltar a páginas servidas por un servidor web utilizando la siguiente sintaxis:

<a href="http://www.geneura.org">

Otro uso es poder descargarnos directamente ficheros a través del protocolo FTP. Veamos como hacerlo:

<a href="ftp://ftp.geneura.org/datos.txt">

Para enviar un correo electrónico:

<a href="mailto:pepe@sucasa.es">

Para escribir a un grupo de noticias:

<a href="news:migrupo@colegas.es">

Para conectarnos mediante telnet a otro ordenador:

<a href="telnet://mipc.es">

Gráficos

Los gráficos se añaden al documento mediante la etiqueta <img>. Esta posse una gran cantidad de atributos para modificar su comportamiento. Veamos algunos de los más importantes:

Ejemplo:

<html>
        <head>
                <title>ejemplo de imagen</title>
        </head>
        <body>
                <table>
	                <td> <img src="apple.jpg" align=top    border=0> align=top </td>
                  	<td> <img src="apple.jpg" align=center border=1> align=center </td>
                   	<td> <img src="apple.jpg" align=bottom border=4> align=bottom </td>
                </table>
        </body>
</html>
    

Resultado del ejemplo:

align=top align=center align=bottom

Tablas

Las tablas son utilizadas con más frecuencia de la que en principio se pudiera pensar. Esto se debe a que no sólo se usan para crear tablas propiamente dichas, sino que con frecuencia toda una página es en realidad una tabla y entonces su uso se debe a su capacidad distribuir los diferentes elementos de forma ordenada.

Las tablas se crean utilizando las etiquetas <table> y </table>. Veamos algunos de sus atributos más importantes:

Dentro de una tabla podremos utilizar otra serie de etiquetas para identificar las diferentes partes de una tabla. Comenzaremos hablande de <caption> y </caption>. Esta etiquetas permiten espcificar un título para la tabla. Posee un atributo, align

, que permite escojer si este se mostrará por encima o por debajo de la tabla (top y bottom).

Veamos ahora los dos pares de etiquetas que permiten identificar en que fila y columna debe mostrarse la información. <tr> y </tr> sirven para crear filas. <td> y </td> sirven para crear columnas. La forma más habitual de utilizarlos es creando en primer lugar las filas y a su vez dentro de estas las columnas. Ambas etiquetas tienen varios atributos en común:

Ejemplo:

<html>
        <head>
                <title>título</title>
        </head>
        <body>
                <table border=0>
                        <td>
                                <table border=1 align=left>
	                                <caption>Tabla básica</caption>
                                        <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr>
                                        <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr>
                                        <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr>
                                </table>
                        </td>
                        <td>
                                <table border=1 align=left> 
                                        <caption>Tabla hueca</caption>
                                        <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr>
                                        <tr> <td>2,1</td> <td> </td> <td>2,3</td> </tr> 
                                        <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr>
                                </table>
                        </td>
                        <td>
                                <table border=1 align=left>
	                                <caption>Tabla con colspan</caption>
                                        <tr> <td colspan=3 align=center>1,x</td> </tr>
	                                <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr>
                                        <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr>
                                </table>	
                        </td>
                        <td>
                                <table border=1>
                                        <caption>Tabla con rowspan</caption>
 	                                <tr> <td rowspan=3>x,1</td> <td>1,2</td> <td>1,3</td> </tr>
                                        <tr> <td>2,2</td> <td>2,3</td> </tr>
                                        <tr> <td>3,2</td> <td>3,3</td> </tr>
                             	</table>
                        </td>
            </table>
    </body>
</html>
    

Resultado del ejemplo:

Tabla básica
1,1 1,2 1,3
2,1 2,2 2,3
3,1 3,2 3,3
Tabla hueca
1,1 1,2 1,3
2,1 2,3
3,1 3,2 3,3
Tabla con colspan
1,x
2,1 2,2 2,3
3,1 3,2 3,3
Tabla con rowspan
x,1 1,2 1,3
2,2 2,3
3,2 3,3

Otras cosas

En esta sección vamos a ver algunas cosas que se pueden hacer modificando los atributos de la etiqueta <html>. Como esta etiqueta engloba a todo el documento, los cambios que se efectuen afectarán a todo el mismo.


Información sobre HTML


Gustavo Romero Lopez
Last modified: Mon Feb 18 14:37:03 CET 2008