f2caf08b1567e525 Semana1 Sesion1 b

Others

4 pages
19 views

Please download to get full document.

View again

of 4
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Share
Description
html
Transcript
   HTML Docente: Jaime Villaverde Gonzales Pag.1 LINEAS <HR> línea horizontal <HR width= x% > Anchura de la línea en % <HR width=x> Anchura de la línea en píxeles <HR size=x> Altura de la línea en píxeles <HR color=”color”> Color de la línea <HR align=center> <HR align=left> <HR align=right> línea centrada línea alineada a la izquierda línea alineada a la derecha <HR noshade> línea sin efecto de sombreado LISTAS Organizan elementos en forma ordenada, no ordenada, usando o no numeraciones, y viñetas Tipos de Listas 1.   Sin orden 2.   Ordenadas 3.   De directorios 4.   De menú 5.   De definición Las 4 primeras se denomina listas regulares, por hacen uso de la directiva <LI> Lista no ordenadas <UL> <LI>Sin orden</LI> <LI>Ordenadas</LI> <LI>De directorio</LI> <LI>De definición</LI> </UL> 1.   Listas sin orden. Usa la directiva <UL>   Sintaxis: <UL>Lista </UL> Por defecto coloca la viñeta ° Las viñetas se pueden cambiar agregando el atributo Type Ejm. <UL type=circle> <UL type=square> <UL type=circle> 2.   Listas Ordenadas.  Permite numerar la lista.   Sintaxis: <OL>Lista</OL> Tambien usa el atributo Type, para escoger el tipo de numeración Type=1 Números por defectos (arabí ojos) Type=A Letras en mayúsculas Type=a Letras en minúsculas. Type=I Números en romanos Type=i Números en romas en minúsculas Si se desea que la lista empiece desde un # determinado se usa el atributo Stara <OL Type=”tipo” Stara=#   Listas Regulares   HTML Docente: Jaime Villaverde Gonzales Pag.2 3.   Listas de directorios.  Igual a la lista sin orden   Sintaxis: <DIR>Lista</DIR> 4.   Listas de menús.  Igual a la lista sin orden. Sintaxis: <MENU>Lista</MENU> 5.   Lista de definición . Lista sin numeración que permite describir a cada uno de los elementos de la lista, como en los glosarios. Sintaxis: <DL>Lista</DL> Donde: Lista usa las directivas <DT> y <DD> Sintaxis: <DL> <DT>Texto1 <DD>Descripción del texto1 <DT>Texto1 <DD>Descripción del texto1 </DL> Anidamiento de listas.- Se pueden usar combinaciones en las listas y anidarlas para mostrar texto en forma jerárquica.   Ejm. <dl> <dt> Sin Orden <dd>Desarrollo web <dt> <dd>Administración de Redes <dt> <dd>Desarrollo de Proyectos </dl> <ul> <li>Carrera profesión de Computación e Informática <ul> <li>Cursos Básicos <ul> <li> Windows <li>office <ul> <li>Word <li>Excel <li>Access <li>Power Point </ul> <li>Internet </ul> <li>Cursos Intermedios <li>Cursos Avanzados </ul> <li>Carrera técnica de computación </ul>   HTML Docente: Jaime Villaverde Gonzales Pag.3 TABLAS Las tablas sirven para presentar la información de una manera ordenada. Dentro de sus celdas podremos incluir texto, imágenes, etc. Estructura de una tabla <Table> resto de las etiquetas </Table> <table> <tr> </tr> <tr> </tr> </table> TR =TABLE ROW TD =TABLE DATA TH =TABLE HEADER ( negrita y centrado) ROWSPAN Y COLSPAN.  Atributos de la etiqueta </TABLE>que permite que una celda ocupe mas de una celda o columna. <TABLE width= 50% border=1> <TR> <TD>1</TD> <TD>2</TD> <TD>3</TD> </TR> <TR> <TD>4</TD> <TD colspan=2 rowspan=2> <pre> Texto que esta ocupando mas de una fila y columna</pre></TD> </TR> <TR> <TD>5</TD> </TR> </TABLE> 1 2 3 4 Texto que esta ocupando mas de una fila y columna 5 CELLSPACING.-  Separación entre las celdas de una tabla. CELLPADDING. - Separación entre el borde y el contenido dentro de las celdas Son atributos de la etiqueta TABLE   <td> </td> <td> </td> <td> </td> <td> </td>   HTML Docente: Jaime Villaverde Gonzales Pag.4 Ejemplo Atributos de alineación:Align y valign Alineación Vertical top middle bottom Alineación Horizontal left center right <table border=1 bordercolor=red width=70% bgcolor=yellow> <tr> <td colspan=5> <marquee behavior=alternate>Ventas Verano 2006</marquee></td> </tr> <tr> <td width=20%>zona</td> <td width=20%>Dastrito</td> <td width=20%> Gaseosa</th> <td width=20%>Helado</th> <td width=20%>Licor</td> </tr> <tr> <td rowspan=3>Norte</td> <td>Comas</td> <td> 750</td> <td>480</td> <td>990</td> </tr> <tr> <td>los olivos</td> <td> 620</td> <td>475</td> <td>710</td> </tr> <tr> <td>Independencia</th> <td> 450</td> <td>480</td> <td>156</td> </tr> <tr bgcolor=aquamarine> <td rowspan=3>Sur</td> <td>S.J.M</td> <td> 625</td> <td>325</td> <td>698</td> </tr> <tr bgcolor=aquamarine> <td>V.E.S</td> <td> 710</td> <td>400</td> <td>899</td> </tr> <tr bgcolor=aquamarine> <td>S.J.L</td> <td> 460</td> <td>550</td> <td>810</td> </tr> </table>   <TABLE cellSpacing=1 cellPadding=1 width= 40% border=1> <TR> <TD>Ejemplo</TD> <TD colspan=3>Atributos de alineación:Align y valign</TD> </TR> <TR> <TD>Alineación<br>Vertical</TD> <TD valign=top>top</TD> <TD valign=middle>middle</TD> <TD valign=bottom>bottom</TD> </TR> <TR> <TD>Alineación<br>Horizontal</TD> <TD align=left>left</TD> <TD align=center>center</TD> <TD align=right>right</TD> </TR> </TABLE>
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks