<HTML>
<!-- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel & Oscar Alberto Pérez Zamora, Grupo:
2IV16 -->
<!-- Laboratorio No.
7, 13 de Abril de 2012 -->
<head>
<title>Imágenes en HTML</title>
</head>
<body background="troll.
gif">
<center>
<img src="tokyo.
jpg" width=45%" border="50">
</body>
</html>
From Rodrigo Vivanco
<HTML>
<!-- Nombre: Vivanco Pérez Rodrigo Israel & Oscar Alberto Pérez Zamora, Grupo:
2IV16 -->
<!-- 12 de abril de 2012, Laboratorio No.
7 -->
<head>
<title>Mi primer vídeo de Youtube en una Página web</title>
</head>
<body bgcolor="16BEED">
<iframe width="420" height="315" src="http://www.
youtube.
com/embed/IwyNPo5lE-Y"...
More
<HTML> <!-- Nombre: Vivanco Pérez Rodrigo Israel & Oscar Alberto Pérez Zamora, Grupo: 2IV16 --> <!-- 12 de abril de 2012, Laboratorio No. 7 --> <head> <title>Mi primer vídeo de Youtube en una Página web</title> </head> <body bgcolor="16BEED"> <iframe width="420" height="315" src="http://www. youtube. com/embed/IwyNPo5lE-Y" frameborder="0" allowfullscreen></iframe> <p> <img src="Iceberg. jpg"> <p> <img src="paisaje. gif"> </body> </html>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16
<!-- 29 de Marzo de 2012, Laboratorio No.
7 -->
<body>
<h3>Listas desordenadas sencillas</h3>
<ul>
<li>Primer elemento</li>
<li>Segundo elemento</li>
</ul>
<h3>Listas desordenadas anidadas</h3>
<ul type="disc">
<li>Primer elemento</li>...
More
<HTML> <!-- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 <!-- 29 de Marzo de 2012, Laboratorio No. 7 --> <body> <h3>Listas desordenadas sencillas</h3> <ul> <li>Primer elemento</li> <li>Segundo elemento</li> </ul> <h3>Listas desordenadas anidadas</h3> <ul type="disc"> <li>Primer elemento</li> <li>Segundo elemento</li> <li>Este elemento muestra cómo anidar las listas</li> <ul type="circle"> <li>Primer elemento de la lista anidada</li> <li>Segundo elemento de la lista anidada</li> <li>Tercer elemento contiene otra lista más</li> <ul type="square"> <li>Primer elemento</li> <li>Segundo elemento</li> </ul> </body> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel -->
<!-- 29 de Marzo de 2012, Laboratorio No.
7 -->
<body>
<h3>Listas de definiciones</h3>
<dl>
<dt>Primer término</dt>
<dd>Descripción del significado del primer término</dd>
<dt>Segundo término</dt>
<dd>Descripción del significado del segundo...
More
<HTML> <!-- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel --> <!-- 29 de Marzo de 2012, Laboratorio No. 7 --> <body> <h3>Listas de definiciones</h3> <dl> <dt>Primer término</dt> <dd>Descripción del significado del primer término</dd> <dt>Segundo término</dt> <dd>Descripción del significado del segundo término</dd> <dt>Tercer término</dt> <dd>Descripción del significado del tercer término</dd> <dd> Un término puede tener más de un significado por lo que este párrafo correspondería con la segunda descripción del término </dd> </dl> </body> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 -->
<!-- 29 de Marzo de 2012 -->
<Title>COMBINACION DE LISTAS</Title>
<body>
<CENTER>
<H1COMBINACIÓN DE LISTAS</H1>
<H3>PRÁCTICA No.
27</H3>
</CENTER>
<HR>
<dl
<dt><b>Listas desordenadas</b></dt>
<dd>Se representan mediante:
<ul>
<li...
More
<HTML> <!-- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 --> <!-- 29 de Marzo de 2012 --> <Title>COMBINACION DE LISTAS</Title> <body> <CENTER> <H1COMBINACIÓN DE LISTAS</H1> <H3>PRÁCTICA No. 27</H3> </CENTER> <HR> <dl <dt><b>Listas desordenadas</b></dt> <dd>Se representan mediante: <ul> <li type="disc">Puntos en negrita</li> <li type="circle">Círculos transaparentes</li> <li type="square">Cuadrados en negrita</li> </ul> </dd> <dt><b>Listas ordenadas</b></dt> <dd>Se representan mediante: <ul> <li>Griegos: 1, 2, 3,</li> <li>números</li> <ol type="a"> <li>Romanos</li> <ul type="circle"> <li>Mayúsculas (I, II, III, . . . )</li> <li>Minúsculas (i, ii, iii, . . . )</li> </ul> </li> </ol> </li> <li>letras</li> <ol type="a"> <li>Mayúsculas (A, B, C, . . . )</li> <li>Minúsculas (a, b, c, . . . )</li> </ol> </ul> </dd> <dt><b>Listas de definiciones</b></dt> <dd>Esta definición de los distintos tipos de listas sirve como ejemplo</dd> </dl> </body> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<--! Esto es un comentario -->
<--! Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 -->
<--! 29 de Marzo de 2012, Laboratorio No.
7 -->
<TITLE>TEXTO FORMATEADO Y ENLACES</TITLE>
<body>
<CENTER>
<H1>TEXTO FORMATEADO Y ENLACES</H1>
<H3>"PRÁCTICA No.
28"</H3>
</CENTER>
<HR>
Texto en <b>Negrita</b> <br><br>
Texto en...
More
<HTML> <--! Esto es un comentario --> <--! Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 --> <--! 29 de Marzo de 2012, Laboratorio No. 7 --> <TITLE>TEXTO FORMATEADO Y ENLACES</TITLE> <body> <CENTER> <H1>TEXTO FORMATEADO Y ENLACES</H1> <H3>"PRÁCTICA No. 28"</H3> </CENTER> <HR> Texto en <b>Negrita</b> <br><br> Texto en <i>Itálica</i> <br><br> Texto en <strong>Fuerte</strong> <br><br> Texto en <blink>Intermitente</blink> <br><br> Texto en <code>Clave</code> <br><br> Texto en <em>Resaltado</em> <br><br> Texto en <adress>Dirección</adress> <br><br> Texto en <cite>Cita</cite> <br><br> Texto en <samp>Muestra</samp> <br><br> Texto en <big>Gran Impresión</big> <br><br> Texto en <small>Pequeña Impresión</small> <br><br> Texto en <sub>Sub Índice</sub> (No soportado por todos los navegadores) <br><br> Texto en <tt>Teletipo</tt> <br><br> Texto en <keyboard>Teclado</keyboard> <br><br> Texto en <strike>Tachado</strike> <br> <p> Se pueden combinar los anteriores de forma que se tenga por ejempl
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel -->
<!-- 29 de Marzo de 2012, Laboratorio No.
7 -->
<BODY>
<h3> align=center><FONT size=5>Audio Midi</FONT> </h3>
<P align=center>Ese es un ejemplo de fichero de sonido en este caso el archivo
es <BR><BR><FONT> size=+1><FONT size=+1<FONT
size=5>clasica....
More
<HTML> <!-- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel --> <!-- 29 de Marzo de 2012, Laboratorio No. 7 --> <BODY> <h3> align=center><FONT size=5>Audio Midi</FONT> </h3> <P align=center>Ese es un ejemplo de fichero de sonido en este caso el archivo es <BR><BR><FONT> size=+1><FONT size=+1<FONT size=5>clasica. mid</FONT> <BR></FONT></FONT><BR>RECUERDE QUE DEBE ESTAR EN EL DIRECTORIO CORRESPONDIENTE <BR> e INSTALADO EL QUICK TIME PLAYER PARA WINDOWS </P> <DIV align=center> <embed src="clasica. mid" align="baseline" border="5" width="68" heigth="25" autostart="on" loop="30"> </BODY> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<!- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 -->
<!-- Fecha: 23 de Marzo de 2012, Laboratorio No.
7 -->
<HTML>
<HEAD>
<TITLE>Lista de definición</TITLE>
</HEAD>
<BODY>
<H1>PÁGINA No 11</H1><PRE>
El tercer tipo son las listas por definición, estas listas son apropiadas cuando es...
More
<HTML> <!- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 --> <!-- Fecha: 23 de Marzo de 2012, Laboratorio No. 7 --> <HTML> <HEAD> <TITLE>Lista de definición</TITLE> </HEAD> <BODY> <H1>PÁGINA No 11</H1><PRE> El tercer tipo son las listas por definición, estas listas son apropiadas cuando es necesario incluir una definición del punto listado. Toda la lista debe ir englobada entre las etiquetas /lt;DL> y </DL>, y a diferencia de las listas anteriores, cada renglón de la lista consta de dos partes: el nombre del término a definir, que se consigue con la etiqueta <DT>, y la definición del término, que se consigue con la etiqueta <DD> Su estructura es la siguiente <DL> <DT>HTML <DD>Lenguaje para marcado de hipertexto. </DL> y el resultado es el siguiente: </PRE> <DL> <DT>HTML <DD>Lenguaje para marcado de hipertexto. </DL> La etiqueta <BLOCKQUOTE>VIVA MÉXICO</BLOCKQUOTE> </BODY> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<!- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 -->
<!-- Fecha: 23 de Marzo de 2012, Laboratorio No.
7 -->
<HTML>
<HEAD>
<TITLE>LISTAS v 4.
0 HTML</TITLE>
</HEAD>
<BODY>
<H1>PÁGINA No.
10</H1><PRE>
La versión 4 de HTML, permite usar como atributo TYPE para definir
el tipo de...
More
<HTML> <!- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 --> <!-- Fecha: 23 de Marzo de 2012, Laboratorio No. 7 --> <HTML> <HEAD> <TITLE>LISTAS v 4. 0 HTML</TITLE> </HEAD> <BODY> <H1>PÁGINA No. 10</H1><PRE> La versión 4 de HTML, permite usar como atributo TYPE para definir el tipo de númeración en la lista. Por ejemplo el uso de la etiqueta: <OL TYPE="A"> <Ll>Tema 1 <Ll>Tema 2 <Ll>Tema 3 </OL> el resultado es el siguiente: </PRE> <OL TYPE="A"> <Ll>Tema 1 <Ll>Tema 2 <Ll>Tema 3 </OL> Los valores aceptados por el atributo TYPE son los siguientes:<BR><BR> 1 - Números por omisión. <BR> A - Letras Mayúsculas. <BR> a - Letras Minúsculas. <BR> I - Numéros Romanos en mayúsculas. <BR> i - Números Romanos en minúsculas. <BR> </BODY> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<!- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 -->
<!-- Fecha: 22 de Marzo de 2012, Laboratorio No.
7 -->
<HEAD>
<TITLE>LISTAS</TITLE>
</HEAD>
<BODY>
<H1>PÁGINA NO.
8</H1><PRE>
Las listas no ordenadas sirven para presentar cosas que,
por no tener un orden o jerarquía, no necesitan ir...
More
<HTML> <!- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 --> <!-- Fecha: 22 de Marzo de 2012, Laboratorio No. 7 --> <HEAD> <TITLE>LISTAS</TITLE> </HEAD> <BODY> <H1>PÁGINA NO. 8</H1><PRE> Las listas no ordenadas sirven para presentar cosas que, por no tener un orden o jerarquía, no necesitan ir precedidas por un número, su estructura es la siguiente: <Ul> <Ll>Punto 1 <Ll>Punto 2 <Ll>Punto 3 <Ll>Punto 4 </LU> </PRE> <UL> <Ll>Punto 1 <Ll>Punto 2 <Ll>Punto 3 <Ll>Punto 4 </UL> <UL> <Ll>MÉXICO <UL> <Ll>GUANAJUATO <Ll>MERIDA </UL> </BODY> </HTML>
Less
From Rodrigo Vivanco
<HTML>
<!- Esto es un comentario -->
<!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 -->
<!-- 15 de Marzo de 2012, Laboratorio No.
7 -->
<head>
<title>Distintos formatos de texto</title>
</head>
<body>
<h1>CABECERA DE PRIMER NIVEL-H1</h1>
<CENTER>
<H6>CABECERA DE ÚLTIMO NIVEL CENTRADA-H6</h6>
</CENTER>
Introducir un salto de...
More
<HTML> <!- Esto es un comentario --> <!-- Nombre: Vivanco Pérez Rodrigo Israel, Grupo: 2IV16 --> <!-- 15 de Marzo de 2012, Laboratorio No. 7 --> <head> <title>Distintos formatos de texto</title> </head> <body> <h1>CABECERA DE PRIMER NIVEL-H1</h1> <CENTER> <H6>CABECERA DE ÚLTIMO NIVEL CENTRADA-H6</h6> </CENTER> Introducir un salto de línea<BR> Separador de contenidos, sin tamaño establecido y color azul <HR color="#330099"><BR> y a continuación un separador con valores de width=80% y size=6, sin color <HR width="80%" y size="6"> <B>Texto en negrita</B> <BR> <i>Texto en cursiva 1</i></B> <U><B><I>Texto en negrita cursiva subrayada</l></B></U> <P> <U>Texto subrayado</U> <BR> <STRIKE>Texto tachado 1</STRIKE> <BR> Texto con superíndice la 1<SUP>ra</SUP>y subíndice la 2<SUB>a</SUB> <P><BR> <PRE>Este texto esta previamente formateado por lo que se mantienen, los saltos de línea y espacios en blanco como los anotemos en el procesador de textos. LOS AZTECAS Los historiadores tiene opiniones d
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Rodrigo Vivanco Pérez, 2IV16 -->
<! 9 de Marzo de 2012, Laborario No.
7 -->
<HEAD>
<title>MI PAGINA No.
3</title>
</HEAD>
<BODY>
<H1>Rodrigo Vivanco Pérez</H1>
<H2>BIENVENIDOS A MI PÁGINA</H2>
<H3>Grupo: 2IV16 Turno: VESPERTINO</H3>
<H4>MATERIA</H4>
<H5>Computación II</H5>
<H6>México,...
More
<HTML> <!-- Esto es un comentario --> <!-- Rodrigo Vivanco Pérez, 2IV16 --> <! 9 de Marzo de 2012, Laborario No. 7 --> <HEAD> <title>MI PAGINA No. 3</title> </HEAD> <BODY> <H1>Rodrigo Vivanco Pérez</H1> <H2>BIENVENIDOS A MI PÁGINA</H2> <H3>Grupo: 2IV16 Turno: VESPERTINO</H3> <H4>MATERIA</H4> <H5>Computación II</H5> <H6>México, D. F. </H6> Esta página es un ejemplo de codigo sencillo en HTML. <BR> Podemos visualizarla con un navegador cualquiera, como por <BR> ejemplo Netscape Navigator o Internet Explorer </body> </html>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Rodrigo Vivanco Pérez, 2IV16 -->
<! 9 de Marzo de 2012, Laborario No.
7 -->
<HEAD>
<title>MI PAGINA No.
4</title>
</HEAD>
<BODY>
<H1 align="CENTER">BIENVENIDOS A MI PAGINA</H1>
Esta página es un ejemplo de codigo sencillo en HTML.
<BR>
Podemos visualizarla con un navegador cualquiera,...
More
<HTML> <!-- Esto es un comentario --> <!-- Rodrigo Vivanco Pérez, 2IV16 --> <! 9 de Marzo de 2012, Laborario No. 7 --> <HEAD> <title>MI PAGINA No. 4</title> </HEAD> <BODY> <H1 align="CENTER">BIENVENIDOS A MI PAGINA</H1> Esta página es un ejemplo de codigo sencillo en HTML. <BR> Podemos visualizarla con un navegador cualquiera, como por <BR> ejemplo Netscape Navigator o Internet Explorer </body> </html>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Rodrigo Vivanco Pérez, 2IV16 -->
<! 9 de Marzo de 2012, Laborario No.
7 -->
<HEAD>
<title>MI PAGINA No.
5</title>
</HEAD>
<BODY>
<H1 align="CENTER">QUINTA PAGINA</H1>
<HR>
Esta es la quinta página aunque todavía es muy sencilla.
<BR>
Como el lenguaje HTML no es dificil,
<BR>
pronto...
More
<HTML> <!-- Esto es un comentario --> <!-- Rodrigo Vivanco Pérez, 2IV16 --> <! 9 de Marzo de 2012, Laborario No. 7 --> <HEAD> <title>MI PAGINA No. 5</title> </HEAD> <BODY> <H1 align="CENTER">QUINTA PAGINA</H1> <HR> Esta es la quinta página aunque todavía es muy sencilla. <BR> Como el lenguaje HTML no es dificil, <BR> pronto estare en condiciones de hacer cosas mas interesantes. <P> Aquí va un segundo párrafo. </body> </html>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Rodrigo Vivanco Pérez, 2IV16 -->
<! 9 de Marzo de 2012, Laborario No.
7 -->
<HEAD>
<title>MI PAGINA No.
1</title>
</HEAD>
<BODY>
Esta página es un ejemplo de codigo sencillo en HTML.
Podemos visualizarla con un navegador cualquiera, como por
ejemplo Netscape Navigator o Internet Explorer...
More
<HTML> <!-- Esto es un comentario --> <!-- Rodrigo Vivanco Pérez, 2IV16 --> <! 9 de Marzo de 2012, Laborario No. 7 --> <HEAD> <title>MI PAGINA No. 1</title> </HEAD> <BODY> Esta página es un ejemplo de codigo sencillo en HTML. Podemos visualizarla con un navegador cualquiera, como por ejemplo Netscape Navigator o Internet Explorer </body> </html>
Less
From Rodrigo Vivanco
<HTML>
<!-- Esto es un comentario -->
<!-- Rodrigo Vivanco Pérez, 2IV16 -->
<! 9 de Marzo de 2012, Laborario No.
7 -->
<HEAD>
<title>MI PAGINA No.
2</title>
</HEAD>
<BODY>
Esta página es un ejemplo de codigo sencillo en HTML.
<BR>
Podemos visualizarla con un navegador cualquiera, como por
<BR>
ejemplo Netscape Navigator o Internet...
More
<HTML> <!-- Esto es un comentario --> <!-- Rodrigo Vivanco Pérez, 2IV16 --> <! 9 de Marzo de 2012, Laborario No. 7 --> <HEAD> <title>MI PAGINA No. 2</title> </HEAD> <BODY> Esta página es un ejemplo de codigo sencillo en HTML. <BR> Podemos visualizarla con un navegador cualquiera, como por <BR> ejemplo Netscape Navigator o Internet Explorer </body> </html>
Less
From Rodrigo Vivanco
ELABORACION DE PAGINAS WEB A TRAVES DE UN CODIGO HTML, Y EL EDITOR
DREAMWEAVER 8.
Creando una página web.
Antes de comenzar, van a necesitar una libreta en blanco, que al concluir se convertirá en la más valiosa
herramienta para el futuro desarrollo de su página web.
Hoy en día es muy fácil tener un espacio en internet, y de...
More
ELABORACION DE PAGINAS WEB A TRAVES DE UN CODIGO HTML, Y EL EDITOR DREAMWEAVER 8. Creando una página web. Antes de comenzar, van a necesitar una libreta en blanco, que al concluir se convertirá en la más valiosa herramienta para el futuro desarrollo de su página web. Hoy en día es muy fácil tener un espacio en internet, y de una manera más sencilla de lo que se puede imaginar. Los motivos para disponer de un espacio en la red son muchos: para dar a conocer un pequeño negocio, para dar a conocer información y apoyo técnico a clientes, para exponer un tema de interés y contactar con otras personas que lo comparten. Consideraciones previas a la creación del sitio web. 1. Establecer el objetivo. Lo primero que se debe hacer es fijar el, o los objetivos que desee alcanzar según la información que vaya a manejar. Para crear su primera página, conviene que los objetivos no sean muy difíciles de alcanzar. Una vez definido el objetivo de las páginas será fácil enfocar el diseño. Habr
Less
From Rodrigo Vivanco
ELABORACION DE PAGINAS WEB A TRAVES DE UN CODIGO HTML, Y EL EDITOR
DREAMWEAVER 8.
Creando una página web.
Antes de comenzar, van a necesitar una libreta en blanco, que al concluir se convertirá en la más valiosa
herramienta para el futuro desarrollo de su página web.
Hoy en día es muy fácil tener un espacio en internet, y de...
More
ELABORACION DE PAGINAS WEB A TRAVES DE UN CODIGO HTML, Y EL EDITOR DREAMWEAVER 8. Creando una página web. Antes de comenzar, van a necesitar una libreta en blanco, que al concluir se convertirá en la más valiosa herramienta para el futuro desarrollo de su página web. Hoy en día es muy fácil tener un espacio en internet, y de una manera más sencilla de lo que se puede imaginar. Los motivos para disponer de un espacio en la red son muchos: para dar a conocer un pequeño negocio, para dar a conocer información y apoyo técnico a clientes, para exponer un tema de interés y contactar con otras personas que lo comparten. Consideraciones previas a la creación del sitio web. 1. Establecer el objetivo. Lo primero que se debe hacer es fijar el, o los objetivos que desee alcanzar según la información que vaya a manejar. Para crear su primera página, conviene que los objetivos no sean muy difíciles de alcanzar. Una vez definido el objetivo de las páginas será fácil enfocar el diseño. Habr
Less
From Rodrigo Vivanco
Facebook
Digg
del.icio.us
Furl
rededit
StumbleUpon