Está en la página 1de 18

Indice

y y

y y y y y

Introduccin Estructura de un documento HTML o HTML o HEAD o BODY o TITLE Organizacin del texto o Texto o Comentarios o Carcteres especiales o Salto de lnea (<br>) o Separadores (<hr>) o Estilos fsicos o Estilos lgicos o Fuentes de texto o Cabeceras (<h1> - <h6>) o Prrafos o Texto preformateado (<pre>) o Texto parpadeante (<blink>) Listas o Listas no ordenadas (<ul>) o Listas ordenadas (<ol>) o Listas de definiciones (<dl>) Enlaces Grficos Tablas Otras cosas Informacin sobre HTML

Introduccin 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 pgina 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 podrs ver un ejemplo con un poco de todo lo que vamos a aprender a utilizar de HTML Estructura de un documento HTML

La estructura bsica de un documento HTML es la siguiente: <html> <head> <title>ttulo</title> </head> <body> contenido de la pgina: 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 pgina aunque no aparezca. <HEAD> Contiene informacin acerca del documento y sobre la forma de interpretar el contenido del la seccin <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 pgina: el texto, las imgenes, las tablas, ... <TITLE> Esta etiqueta se utiliza entre <head> y </head> y sirve para definir el ttulo del documento que el navegador suele mostrar en la parte superior de la ventana. <html> <head> <title>Ttulo de mi primera pgina</title> </head> <body> Mi primera pgina. </body> </html>

Organizacin del texto Texto El texto puede colocarse directamente entre <body> y </body>. Ms adelante veremos ciertas etiquetas que nos permitirn modificar sus caractersticas y forma de presentacin. El texto, a no se que se especifique lo contrario, se mostrar todo con las caractersticas que estn establecidas por defecto. Todos los espacios en blanco y saltos de lnea sern sustituidos por un espacio en blanco a no ser que utilicemos la etiqueta <pre> que evita dicha sustitucin. <html> <head>

<title>ejemplo de texto</title> </head> <body> Ejemplo de texto en un pgina. Todos los espacios en blanco y saltos de lnea sern 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 lnea no es un comentario. <!-- esta si es un comentario --> Esta no. <!-esta si ... y esta tambin --> </body> </html> Caracteres especiales Hay algunos caracteres que no pueden escribirse tal cual porque el HTML se los reserva para su cdigo. El conjunto de carcteres especiales depende del idioma por defecto que emplee el documento. Aqu tienes una lista de esos carcteres: carcter escritura < > " & $ &lt; (menorque) &gt; (mayor que) &apos; (apstrofe) &quot; (comillas) &amp; (ampersand) $$ (dlar)

&nbsp; &nbsp; (espacio) Letras letr escrit letr escrit a ura a ura A &#65; a &#97;

letr a

escrit ura &#192;

letr a

escrit ura &#219;

letr a

escrit ura &#245;

B C D E F G H I J K L m Q r V w

&#66; &#67; &#68; &#69; &#70; &#71; &#72; &#73; &#74; &#75; &#76; &#109; &#206; &#233; &#81; &#114; &#211; &#238; &#86; &#119; &#216;

b c d e f g h i j k l P q U v

&#98; &#99; &#100; &#101; &#102; &#103; &#104; &#105; &#106; &#107; &#108; &#205; &#232; &#80; &#113; &#210; &#237; &#85; &#118; &#215; &#242; &#90;

O p T u Y z

&#194; &#195; &#196; &#197; &#198; &#199; &#200; &#201; &#202; &#203; &#204; &#231; &#79; &#112; &#209; &#236; &#84; &#117; &#214; &#241; &#89; &#122;

N o S t X y

&#220; &#221; &#222; &#223; &#224; &#225; &#226; &#227; &#228; &#229; &#230; &#78; &#111; &#208; &#235; &#83; &#116; &#213; &#240; &#88; &#121; &#218;

M n R s W y

&#246; &#247; &#248; &#249; &#250; &#251; &#252; &#253; &#254; &#255; &#77; &#110; &#207; &#234; &#82; &#115; &#212; &#239; &#87; &#120; &#217; &#244;

&#243; Z Nmeros nmero escritura 0 1 2 3 4 5 6 7 8 9 &#48; &#49; &#50; &#51; &#52; &#53; &#54; &#55; &#56; &#57; &#186;

&#185; &#178;

&#179; Signos especiales signo escritura < > " & $ &lt; (menor que) &gt; (mayor que) &apos; (apstrofe) &quot; (comillas) &amp; (ampersand) $$ (dlar)

&nbsp; &nbsp; (espacio, tambin puede pulsarse la tecla de espacio tal cual) Signos signo escritura signo escritura signo escritura ? ! ( ) [ ] { } > < / \ " # &#191; &#63; &#161; &#33; &#40; &#41; &#91; &#93; &#171; &#187; &#123; &#125; &#62; &#60; &#47; &#92; &#34; &#35; | & ' * + = , . : ; @ ^ _ ` ~ &#38; &#39; &#42; &#43; &#61; &#44; &#45; &#46; &#58; &#59; &#64; &#94; &#95; &#96; &#126; &#127; &#160; &#162; &#163; &#164; &#165; &#166; &#167; &#168; &#169; &#170; &#172; &#173; &#174; &#175; &#176; &#177; &#180; &#181; &#182; &#183; &#184;

% &#37; Tildes y ees signo escritura

&#225; &#193; &#233; &#201; &#237; &#205; &#243; &#211; &#250; &#218; &#241; &#209;

Salto de lnea (<br>) Como HTML reduce todo tipo de espacios en blanco y saltos de lnea a un espacio en blanco, existe una forma de crear un salto de lnea, el uso de la etiqueta <br>. Cada aparicin de esta etiqueta produce un salto de lnea. <html> <head> <title>ejemplo de salto de linea</title> </head> <body> Esta lnea no acaba en salto de linea. Esta lnea no acaba en salto de linea. Esta lnea si acaba en salto de linea.<br> Esta lnea no acaba en salto de linea. Esta lnea no acaba en salto de linea. Esta lnea si acaba en salto de linea.<br> Esta lnea no acaba en salto de linea. Esta lnea 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: y size: grosor de la barra horizontal y width: anchura de la barra horizontal y align: alineamiento de la barra, puede valer left, right o center y noshade: elimina el aspecto tridimensional 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 fsicos Son un conjunto de etiquetas que aplican ciertos cambios a la forma en que se visualiza el texto. y <b>: muestra el texto en un tipo de letra ms grueso y <i>: muestra el texto inclinado (en cursiva) y <u>: subraya el texto y <tt>: utiliza un tipo de letra no proporcional y <big>: muestra el texto con un tipo de letra ms grande y <small>: utiliza un tipo de letra menor y <s>: utiliza un tipo de letra tachado y <sub>: escribe como subndice y <sup>: escribe como superndice Un ejemplo de cada uno de ellos: <html> <head> <title>ejemplo de estilos fsicos</title> </head> <body> Estilos fsicos:<br> <b>negrita</b>, <br> <i>cursiva</i>, <br> <u>subrayado</u>, <br> <tt>letra no proporcinal</tt>, <br> <big>grande</big>, <br> <small>pequea</small>, <br> <s>tachado</s>, <br> <sub>subndice</sub>, <br> <sup>superndice</sup><br> </body> </html> Estilos lgicos Al igual que los estilos fsicos modifican el aspecto del texto, pero en vez de con un cambio permanente, la modificacin depende de las preferencias del usuario. y <strong>: muestra el texto en un tipo de letra ms fuerte, normalmente en negrita y <em>: muestra el texto enfatizado, noermalmente en cursiva y <code>: suele utilizarse para mostrar algun tipo de cdigo, suele utilizar un tipo de fuente no proporcional y <blockquote>: bloque de texto indentado

Un ejemplo de cada uno de ellos: <html> <head> <title>ejemplo de estilos lgicos</title> </head> <body> Estilos lgicos:<br> <strong>fuerte</strong>, <br> <em>enfatizado</em>, <br> <code>cdigo</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 tamao, el color y la familia como las ms importantes. Todas ellas se modifican a travs de los atributos de la etiqueta <font>. Tamao del texto El tamao del texto es una de las caractersticas ms fciles de modificar. El texto tiene un tamao que va de 1 a 7, siendo 3 el tamao establecido por defecto. La etiqueta <basefont> permite modificar el tamao de letra por defecto. El siguiente ejemplo hace que el tamao de fuente por defecto pase de 3 a 5: <html> <head> <title>ejemplo de basefont</title> <head> <body> El texto por defecto tiene tamao 3. <basefont size=5> A partir de ahora tendr tamao 5. <body> </html> Tambin es posible cambiar el tamao de ciertas secciones de un documento sin tener que cambiar el tamao por defecto. Para esto existe la etiqueta <font>. Mediante su atributo size podemos especificar cualquier tamao entre 1 y 7, o usar el signo "+" o "-" y una cantidad para agrandar o enpequeecer el texto de forma relativa al tamao por defecto. Veamos un ejemplo: <html> <head> <title>ejemplo de font</title> </head> <body> <font size=1> fuente de tamao 1</font><br> <font size=2> fuente de tamao 2</font><br>

<font size=3> fuente de tamao 3</font><br> <font size=4> fuente de tamao 4</font><br> <font size=5> fuente de tamao 5</font><br> <font size=6> fuente de tamao 6</font><br> <font size=7> fuente de tamao 7</font><br> </body> </html>

Color del texto El color del texto puede cambiarse mediante la utilizacin del atributo color de la etiqueta <font>. El color puede especificarse mediante un nombre de color o mediante una descripcin 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 ms 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 tamaos de letra variando desde muy grande para <h1> hasta muy pequeo para <h6>. El siguiente ejemplo los muestra todos para asi poder distinguir fcilmente 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>

Prrafos Los prrafos pueden especificarse de varias formas. La ms inmediata es escribir directamente el texto y colocar saltos de lnea con <br> entre ellos. Sin embargo esta no es la ms conveniente. Es mejor utilizar alguna de las etiquetas <p> o <div>. Ambas tienen el efecto de crear un prrafo con la diferencia de que <p> aade un salto de lnea al final del prrafo, cosa que no hace <div>. Ambas tienen la utilidad aadida de delimitar todo el prrafo, pudindose de esta forma aplicar cambios al mismo a travs de sus atributos. De ellos el ms importante es align que permite escoger la alineacin horizontal del texto. Un ejemplo sobre prrafos: <html> <head> <title>ejemplo de prrafos</title> </head> <body> Prrafos separados por un salto de lnea. <br> Prrafos separados por un salto de lnea. <br> <p>Un prrafos delimitado por <p>.</p> <div>Un prrafos delimitado por <div>.</div> </body> </html>

Texto preformateado La etiqueta <pre> sirve para delimitar un texto que deseamos sea mostrado como cdigo fuente, lo que normalmente se traduce en un tipo de texto no proporcional y el respeto de los espacios, saltos de lnea y tabuladores. Todos los ejemplos de este tutorial estn 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 lnea es normal. <blink>Esta en cambio parpadea.</blink> </body> </html>

Listas Una lista es una forma de organizar la informacin en diferentes lneas. Cada uno de los elementos de la lista puede estar precedida por una marca, nmero, letra o cadena. Las listas pueden anidarse, es decir, podemos crear listas dentro de otras listas. Existen tres tipos de listas: y listas no ordenadas y listas ordenadas y listas de definiciones Dentro de cada lista los difentes elementos que la componen se indican encerrndoslos 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: y circle: marcas en forma de circulo (por defecto) y square: marcas en forma de cuadrado

disk: marcas en forma de disco none: no utilizar ningn tipo de marca 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>
y y

Resultado del ejemplo: y primer elemento y segundo elemento o primer elemento o segundo elemento o tercer elemento o cuarto elemento y tercer elemento y cuarto elemento 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 nmeros o letras. Para escoger el tipo de marca hemos de utilizar el atributo type. Los posibles valores que puede tonar son: y 1: secuencia de nmeros (por defecto) y a: secuencia de letras minsculas y A: secuencia de letras maysculas y i: secuencia de nmeros romanos en minsculas y I: secuencia de nmeros roimanos en maysculas Tambin podemos utilizar lo atributo start para indicar el valor inicial que debe tomar la lista. Adems la etiqueta <li> posee otro atributo llamado value que nos permitir modificar el nmero 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 a. primer eleme eleme

A. primer eleme

i.

primer eleme

I.

primer eleme

nto 2. segun do eleme nto 3. tercer eleme nto

nto b. segun do eleme nto c. tercer eleme nto

nto B. segun do eleme nto C. tercer eleme nto

ii.

iii.

nto segun do eleme nto tercer eleme nto

II.

III.

nto segun do eleme nto tercer eleme nto

Listas de definiciones <dl> Las listas de definiciones muestran un trmino y su definicin. 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 trmino que deseamos describir y <dd> para sealar la deficin que deber emparejarse con el trmino 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 continuacin, esta etiqueta puede hacer cosas muy diferentes en funcin de cuales de sus atributos utilicemos y como. Aqu slamente 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 pgina 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 direcin de la red, hemos de usar el atributo href de la siguiente forma: <a href="direccin"> Para saltar a otra parte dentro de un mismo documento primero habremos de definir un identificador mediante name y despus saltar a l mediante href. Los saltos dentro del mismo documento so especiales y es necesario aadir 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 direccin del documento de destino. Esta direcccin puede especificarse tanto de forma absoluta como relativa al directorio del documento de origen. Tambin podremos saltar a pginas servidas por un servidor web utilizando la siguiente sintaxis: <a href="http://www.geneura.org"> Otro uso es poder descargarnos directamente ficheros a travs del protocolo FTP. Veamos como hacerlo: <a href="ftp://ftp.geneura.org/datos.txt"> Para enviar un correo electrnico: <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"> Grficos Los grficos se aaden al documento mediante la etiqueta <img>. Esta posse una gran cantidad de atributos para modificar su comportamiento. Veamos algunos de los ms importantes: y src: localizacin de la imagen y lowsrc: localizacin de una imagen de baja resolucin que se mostrar mientras la imagen es cargada y alt: texto que se mostrar si la imagen no est displonible y height: altura de la imagen y width: anchura de la imagen y align: alineacin horizontal respecto al texto: left, right o center

valing: alineacin vertical: top, bottom o middle border: grosor del borde 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>
y y

Resultado del ejemplo: align=top align=center align=bottom

Tablas Las tablas son utilizadas con ms frecuencia de la que en principio se pudiera pensar. Esto se debe a que no slo se usan para crear tablas propiamente dichas, sino que con frecuencia toda una pgina 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 ms importantes: y align: posicin horizontal de la tabla: left, rigth o center y bgcolor: color de fondo y border: anchura del borde y cellpadding: cantidad de espacio en blanco entre el contenido de una celda y el borde y cellspacing: cantidad de espacio en blanco entre elementos y height: altura de la tabla y width: anchura de la tabla y cols: nmero de columnas 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 ttulo 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 informacin. <tr> y </tr> sirven para crear filas. <td> y </td> sirven para crear columnas. La forma ms 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 comn: y align: alineacin horizontal de la celda: left|right|center y valign: alineacin vertical de la celda: top|botton|middle|baseline y bgcolor: color del fondo de la celda Ejemplo: <html> <head> <title>ttulo</title> </head> <body> <table border=0> <td> <table border=1 align=left> <caption>Tabla bsica</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 bsica 1, 1 2, 1 3, 1 1, 2 2, 2 3, 2 1, 3 2, 3 3, 3

Tabla hueca 1, 1 2, 1 3, 1 3, 2 1, 2 1, 3 2, 3 3, 3

Tabla con colspan 1,x 2, 1 3, 1 2, 2 3, 2 2, 3 3, 3

Tabla con rowspan 1, 2 x, 1 2, 2 3, 2 1, 3 2, 3 3, 3

Otras cosas En esta seccin 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 afectarn a todo el mismo. y background: URL de la imagen que utilizar como fondo y bgcolor: color de fondo y text: color del texto y link: color de los enlaces no visitados y alink: color de los enlaces activos y vlink: color de los enlaces visitados

También podría gustarte