Está en la página 1de 2

Jóvenes, deseando tengan un excelente fin de semana.

A continuación les dejo la información que


les mencioné en clase, la imprimen y la pegan en el manual.

ETIQUETAS TABLAS
Aunque las tablas son esenciales para organizar información, son algo complicadas de crear en
“HTML”; Y lo son porque tendrás que incrustar etiquetas “HTML” nuevas en una instrucción
específica. Empezaremos creando tablas básicas y pasaremos poco a poco a aspectos más
complicados: combinar celdas, división en secciones múltiples. La primera etiqueta que hay que
conocer es <table> </table>. Esta es la etiqueta que define el comienzo y final de una tabla.

MARQUESINAS <MARQUEE>
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en
forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas
<marquee> y </marquee>.
La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas
puedes hacer que estas propiedades varíen.
A través del atributo “behavior” puede modificarse el tipo de movimiento. Puede tomar los valores
“alternate” (de lado a lado de la ventana, como si rebotara en los extremos), “scroll” (de un lado a
otro, continuamente) o “slide” (de un lado a otro, pero una sola vez).
A través del atributo “direction” puede modificarse la dirección en la que se moverá el texto. Puede
tomar los valores “down” (de arriba a abajo), “up” (de abajo a arriba), “right” (de derecha a
izquierda) o “left” (de izquierda a derecha).
También es posible establecer un color de fondo, a través del atributo “bgcolor”.

Por ejemplo, para insertar el siguiente texto como una marquesina:


Habría que escribir:
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>

Alineación
Es posible alinear elementos en bloque (tablas, imágenes, objetos, párrafos, etc.) en el lienzo con
el atributo align. Aunque este atributo se puede establecer en muchos elementos HTML, su
rango de valores posibles difiere en ocasiones de unos elementos a otros. Aquí sólo se considera
el significado del atributo align para texto.

Definiciones de atributos
align = left|center|right|justify

Este atributo especifica la alineación horizontal de su elemento con respecto al contexto


circundante. Valores posibles:
 left: las líneas de texto se representan con los bordes izquierdos alineados.
 center: las líneas de texto son centradas.
 right: las líneas de texto se representan con los bordes derechos alineados.
 justify: las líneas de texto se justifican en ambos márgenes.
El valor por defecto depende de la dirección base del texto. Para un texto de izquierda a derecha el
valor por defecto es align=left, mientras que para un texto de derecha a izquierda el valor por
defecto es align=right.

Definición de una tabla con combinación de columnas


Uno de los atributos que se pueden aplicar a las etiquetas de celda, independientemente que sean
de encabezado o normales. Es el atributo “colspan”, el cual permite realizar la combinación de
varias columnas en una sola.
Para especificar el valor del atributo, se ha de indicar el número de columnas sobre las que se
quiere realizar la combinación, utilizando un valor numérico encerrado entre comillas dobles.
El siguiente ejemplo muestra el uso del atributo en una tabla que tiene celdas combinadas aplicada
la combinación sobre las columnas.

<!DOCTYPE HTML>
<html>
<head>
<title>Ejercicios prácticos HTML5</title>
</head>
<body>
<table border="1">
<caption>Tabla con combinación de columnas</caption>
<tr>
<th colspan="2">Celda Combinada</th>
<th>Celda Normal</th>
<th colspan="2">Celda Combinada>/th>
</tr>
<tr>
<td>C1</td>
<td>C2</td>
<td>C3</td>
<td>C4</td>
<td>C5</td>
</tr>
<tr>
<td>C6</td>
<td>C7</td>
<td>C8</td>
<td colspan="2">C9 Comb.</td>

</tr>
</table>
</body>

</html>

Quedando de la siguiente manera:

También podría gustarte