martes, 1 de agosto de 2017

PRÁCTICA




<!DOCTYPE html>
<html lang="es">
<head>
                        <title>El t&iacute;tulo</title>
                        <meta meta="charset utf-8">
                        <link rel="stylesheet" href="css/estilos.css">
</head>

<!  DIMENSIONES DE UNA TABLA:

<body>
<TABLE BORDER WIDTH=300 HEIGHT=80>
<CAPTION>Definiendo el ancho y alto de la tabla en #</CAPTION>
<TR ALIGN="center">
<TH>Ancho (<I>WIDTH</I>)</TH>
<TD>300</TD>
<TR ALIGN="center">
<TH>Alto (<I>HEIGHT</I>)</TH>
<TD>80</TD>
</TABLE>

<!  TITULO EN  UNA TABLA:

<br> <br>
<CENTER>
<TABLE BORDER>
<CAPTION>Titulo Superior (por defecto)</CAPTION>
<TR>
<TD></TD>
<TH COLSPAN=3>Atributos de alineación, Align y VAlign</TH>
<TR>
<TH>Alineación<BR>Vertical</TH>
<TD VALIGN=top>Top</TD>
<TD VALIGN=middle>Middle</TD>
<TD VALIGN=bottom>Bottom</TD>
<TR>
<TH>Alineación<BR>Horizontal</TH>
<TD ALIGN=left>Left</TD>
<TD ALIGN=center>Center</TD>
<TD ALIGN=right>Right</TD>
</TABLE>
</CENTER>

 <!  ORGANIZAR INFORMACIÓN EN LA TABLA:

<br> <br>
<CENTER>
<TABLE  >
<CAPTION ALIGN="bottom"> Tabla  </CAPTION>
<TR ALIGN="center">
<TD></TD>
<TH>Ventana 1</TH>
<TH>Ventana 2</TH>
<TH>Ventana 3</TH>
<TR ALIGN="center">
<TH>Color<BR>Fondo</TH>
<TD>blanco</TD>
<TD>gris</TD>
<TD>amarillo</TD>
<TR ALIGN="center">
<TH>Color<BR>Texto</TH>
<TD>azul</TD>
<TD ROWSPAN=2> negro </TD>
<TD>negro</TD>
<TR ALIGN="center">
<TH>Color<BR>Símbolos</TH>
<TD>rojo</TD>
<TD>verde</TD>
</TABLE>
</CENTER>
<br> <br>
<br> <br>
<CENTER>

 <!  COMBINAR  CELDAS DE UNA TABLA:

<TABLE BORDER>
<CAPTION ALIGN="bottom"> Tabla  </CAPTION>
<TR ALIGN="center">
<TD></TD>
<TH>Ventana 1</TH>
<TH>Ventana 2</TH>
<TH>Ventana 3</TH>
<TR ALIGN="center">
<TH>FILA<BR>UNO</TH>
<TD>Auno</TD>
<TD>Ados</TD>
<TD>Atres</TD>
<TR ALIGN="center">
<TH>FILA<BR>DOS</TH>
<TD>Buno</TD>
<TD COLSPAN=2> Bdos </TD>
<TR ALIGN="center">
<TH>FILA<BR>TRES</TH>
<TD>Cuno</TD>
<TD>Cdos</TD>
<TD>Ctres</TD>
</TABLE>
</CENTER>
<br> <br>
   
                                                       
<TABLE BORDER WIDTH=50% HEIGHT=30%>
<CAPTION>Definiendo el ancho y alto de la tabla en %</CAPTION>
<TR ALIGN="center">
<TH>Ancho (<I>WIDTH</I>)</TH>
<TD>50%</TD>
<TR ALIGN="center">
<TH>Alto (<I>HEIGHT</I>)</TH>
<TD>30%</TD>
</TABLE>
                   
<br> <br>

<!  REDEFINIR TAMAÑO DE LA  TABLA DE ACUERDO AL CONTENIDO:         


<TABLE BORDER>
<TR>
<TD>Ejemplo: Atributo NOWRAP</TD>
<TD NOWRAP>Aquí hay una línea muy larga.
Para que no sea cortada
Utilizamos el atributo <I>NOWRAP</I>.</TD>
</TABLE>
                          

<! CONFIGURAR EN UNA CELDA EL ESPACIO ALREDEDOR DEL TEXTO: 

<table border cellpadding="50">
  <tr>
    <th>MESES </th>
    <th>DIAS</th>
  </tr>
  <tr>
    <td>January</td>
    <td>31</td>
  </tr>
</table>
<br>
<br>

<table border cellpadding="80">
  <tr>
    <th>MESES </th>
    <th>DIAS</th>
  </tr>
  <tr>
    <td>January</td>
    <td>31</td>
  </tr>
</table>


<br> <br>
<CENTER>
<TABLE BORDER>
<CAPTION>Titulo Superior (por defecto)</CAPTION>
<TR>
<TD></TD>
<TH COLSPAN=3>Atributos de alineación, Align y VAlign</TH>
<TR>
<TH>Alineación<BR>Vertical</TH>
<TD VALIGN=top>arriba</TD>
<TD VALIGN=middle>centro</TD>
<TD VALIGN=bottom>abajo</TD>
<TR>
<TH>Alineación<BR>Horizontal</TH>
<TD ALIGN=left> GKGR </TD>
<TD ALIGN=center> GKGR </TD>
<TD ALIGN=right> GKGR </TD>
</TABLE>
</CENTER>




<footer>Esta es la barra final</footer>
         
</body>
</html>
Publicado por en

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)