Yeah buddy
Páginas: 8 (1925 palabras)
Publicado: 23 de agosto de 2012
ESTRUCTURA DE LOS DOCUMENTOS HTML
<x> este es el inicio de una etiqueta
</x> este es el cierre de una etiqueta.
Las letras de la etiqueta puden estar en mayusculas o minusculas, indiferentemente
Lo que hay entre ambas etiquetas estara influenciada por ellas.
Por ejemplo, todo el documento HTML
debe estar entre las <HTML> y </HMTL>.
<HTML> [Todo eldocumento] </HTML>
El documento en si esta dividido en dos zonas principales
El encabezamiento, comprendido entre las etiquetas
<HEAD> y </HEAD>
El cuerpo, comprendido entre las etiquetas
<BODY> y </BODY>
Dentro del encabezamiento hay informacion del codumento, que no se ve es la pantalla principal, principal
el titulo del codumento, comprendido entre lasetiquetas:
<TITLE> y </TITLE>
<P> </P>
<H1> </H1>
<HR> HORIZONTAL RULES
<CENTER> </CENTER>
<BR> Break <P> Parrafo
si los combinamos obtenemos lineas en blanco
" " (non-breaking space)
<B> y </B> BOLD
<I< y </I> ITALIC
<PRE> y </PRE>
<TT< y </TT><BLOCKQUOTE> y </BLOCKQUOTE> Destacar un cita textual
<SUP> </SUP> y <SUB> y </SUB> el cuadrado
UNORDERED LISTS
<UL>
<LI> UNA COSA
<LI> OTRA COSA
<LI> OTRA COSA
<LI> ETC.
</UL>
LISTA ANIDADA
<UL>
<LI>MAMIFEROS
<LI>PECES
<UL>
<LI> SARDINA
<LI> BACALAO<UL>
<LI> AVES
</UL>
ORDERED LISTS
<OL>
<LI>
<LI>
<LI>
</OL>
DEFINITION LIST DEFINITION TERM DEFINITION DEFINITION
<DL>
<DT>
<DD>
<DT>
<DD>
</DL>
http://www.htmlquick.com/es/tutorials/forms/4.html
Etiqueta Tabla
Una tabla básica
Las tablas se usan con profusión en laspáginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas:
<TABLE> y </TABLE> son las etiquetas donde está contenida la tabla
<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila (<th> y </th> si es una fila de cabecera)<TD> y </TD> señalan una celda.
La tabla se va definiendo declarando una fila y a continuación las celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las filas contengan el mismo número de celdas.
La tabla (2x2) más sencilla que podemos hacer es la siguiente
Escribimos: | Visualizamos |
<TABLE >
<TR>
<TD>1</TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE> | 1 | 2 |
3 | 4 |
|
El resultado no es muy brillante, pero vamos a ir viendo las distintas posibilidades que tenemos para mejorarlo.
Atributos de la etiqueta TABLE
Todos los atributos son opcionales
BORDER="4". Indica el tamaño delborde en píxels, en este caso 4. Si no se indica nada carece de borde
WIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)
CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2
CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las mismas, por defecto es 1
ALIGN="left", "right", "center". Alinea la tabla a la izquierda , derecha o en el centro.
Otro ejemplo
Escribimos: | Visualizamos |
<TABLE BORDER="3" CELLSPACING="5" WIDTH="150">
<TR>
<TD>1 </TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE> | 1 | 2 |
3 |...
<x> este es el inicio de una etiqueta
</x> este es el cierre de una etiqueta.
Las letras de la etiqueta puden estar en mayusculas o minusculas, indiferentemente
Lo que hay entre ambas etiquetas estara influenciada por ellas.
Por ejemplo, todo el documento HTML
debe estar entre las <HTML> y </HMTL>.
<HTML> [Todo eldocumento] </HTML>
El documento en si esta dividido en dos zonas principales
El encabezamiento, comprendido entre las etiquetas
<HEAD> y </HEAD>
El cuerpo, comprendido entre las etiquetas
<BODY> y </BODY>
Dentro del encabezamiento hay informacion del codumento, que no se ve es la pantalla principal, principal
el titulo del codumento, comprendido entre lasetiquetas:
<TITLE> y </TITLE>
<P> </P>
<H1> </H1>
<HR> HORIZONTAL RULES
<CENTER> </CENTER>
<BR> Break <P> Parrafo
si los combinamos obtenemos lineas en blanco
" " (non-breaking space)
<B> y </B> BOLD
<I< y </I> ITALIC
<PRE> y </PRE>
<TT< y </TT><BLOCKQUOTE> y </BLOCKQUOTE> Destacar un cita textual
<SUP> </SUP> y <SUB> y </SUB> el cuadrado
UNORDERED LISTS
<UL>
<LI> UNA COSA
<LI> OTRA COSA
<LI> OTRA COSA
<LI> ETC.
</UL>
LISTA ANIDADA
<UL>
<LI>MAMIFEROS
<LI>PECES
<UL>
<LI> SARDINA
<LI> BACALAO<UL>
<LI> AVES
</UL>
ORDERED LISTS
<OL>
<LI>
<LI>
<LI>
</OL>
DEFINITION LIST DEFINITION TERM DEFINITION DEFINITION
<DL>
<DT>
<DD>
<DT>
<DD>
</DL>
http://www.htmlquick.com/es/tutorials/forms/4.html
Etiqueta Tabla
Una tabla básica
Las tablas se usan con profusión en laspáginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas:
<TABLE> y </TABLE> son las etiquetas donde está contenida la tabla
<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila (<th> y </th> si es una fila de cabecera)<TD> y </TD> señalan una celda.
La tabla se va definiendo declarando una fila y a continuación las celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las filas contengan el mismo número de celdas.
La tabla (2x2) más sencilla que podemos hacer es la siguiente
Escribimos: | Visualizamos |
<TABLE >
<TR>
<TD>1</TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE> | 1 | 2 |
3 | 4 |
|
El resultado no es muy brillante, pero vamos a ir viendo las distintas posibilidades que tenemos para mejorarlo.
Atributos de la etiqueta TABLE
Todos los atributos son opcionales
BORDER="4". Indica el tamaño delborde en píxels, en este caso 4. Si no se indica nada carece de borde
WIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)
CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2
CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las mismas, por defecto es 1
ALIGN="left", "right", "center". Alinea la tabla a la izquierda , derecha o en el centro.
Otro ejemplo
Escribimos: | Visualizamos |
<TABLE BORDER="3" CELLSPACING="5" WIDTH="150">
<TR>
<TD>1 </TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE> | 1 | 2 |
3 |...
Leer documento completo
Regístrate para leer el documento completo.