EJEMPLOS. Ejemplo Nº 1. Página Sencilla

Tamaño: px

Comenzar la demostración a partir de la página:

Download "EJEMPLOS. Ejemplo Nº 1. Página Sencilla"

María Luisa Ortega Iglesias
hace 8 años
Vistas:

1 EJEMPLOS Ejemplo Nº 1 Página Sencilla <title>cocina Para Todos</title> <body> <p><b>bienvenido,</b></p> <p>estás en la página <b>comida para Todos</b>.</p> <p>aquí aprenderás recetas fáciles y deliciosas.</p> Ejemplo Nº 2 <title>todos los encabezados</title> <body> <h1>encabezado de nivel 1</h1> <h2>encabezado de nivel 2</h2> <h3>encabezado de nivel 3</h3> <h4>encabezado de nivel 4</h4> <h5>encabezado de nivel 5</h5> <h6>encabezado de nivel 6</h6> Ejemplo Nº 3 <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 bgcolor="ffffff"> <table width=100% bgcolor=ff6666><td> <h1>hola amigos</h1> Gracias por visitarme!

</p> Ejemplo Nº 2 <title>todos los encabezados</title> <body> <h1>encabezado de nivel 1</h1> <h2>encabezado de nivel 2</h2> <h3>encabezado de nivel 3</h3>

2 EJEMPLO Nº 4 <title>título</title> <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table width=779 bgcolor=eeeeee cellspacing=0 cellpadinng=0 border=0 align=center> <td width=10> <td> <h1 align="center">título de la página</h1> Este es el cuerpo de la página <p> Más página <p> Y más.. <p> <div align="center"> Barra Navegación Enlaces Links </div> <td width=10> Ejemplo Nº 5 <p>reglas de comportamiento en el trabajo</p> <ol> <li>el jefe siempre tiene la razón <li>en caso de duda aplicar regla 1 </ol> </htnl> Ejemplo Nº 6 <p>ciudades del mundo</p> <ul> li>argentina <ol> <li>buenos Aires <li>bariloche </ol> <li>uruguay <ol> <li>montevideo

. <p> <div align="center"> Barra Navegación Enlaces Links </div> <td width=10> Ejemplo Nº 5 <p>reglas de comportamiento en el trabajo</p> <ol> <li>el jefe siempre

3 <li>punta del Este </ol> </ul> </htnl> Ejemplo Nº 7 <table cellspacing="10" cellpadding="10" border="3"> <td align="center"> Celda de la tabla principal <td align="center"> <table cellspacing="2" cellpadding="2" border="1"> <td>tabla anidada, celda 1 <td>tabla anidada, celda 2 <td>tabla anidada, celda 3 <td>tabla anidada, celda 4 Ejemplo 8 <table align="center" cellspacing="2" cellpadding="2" border="1" bgcolor=dddddd> <td colspan="4" align="center" bgcolor="666666"><font color="#ffffff"><strong>animales en peligro de extinción</strong></font> <tr bgcolor="aaaaaa"> <td>nombre <td align="center">cabezas <td align="center">previsión 2010 <td align="center">previsión 2020 <td>ballena <td align="center">6000 <td align="center">4000 <td align="center">1500

cellspacing="2" cellpadding="2" border="1" bgcolor=dddddd> <td colspan="4" align="center" bgcolor="666666"><font color="#ffffff"><strong>animales en peligro de extinción</strong></font> <tr

4 <td>oso Pardo <td align="center">50 <td rowspan="2" colspan="2" align="center" bgcolor="red">0 <td>lince <td align="center">10 <td>tigre <td align="center">300 <td colspan="2" align="center">210 Otro ejemplo de tabla con el que podemos practicar: Parte de arriba de América del Sur. Países como: Climas de América del Sur Venezuela Colombia Ecuador Perú Parte de abajo de América del Sur. Países como: Argentina Chile Uruguay Paraguay Bosque tropical, clima de sabana, clima marítimo con inviernos secos. Climas marítimos con veranos secos, con inviernos secos, climas frios, clima de estepa, clima desértico. Este sería el código: <table cellspacing="4" cellpadding="4" border="1" width=400 bgcolor=dddddd> <td colspan="2" bgcolor="666666" align="center"><font color="#ffffff"><strong>climas de América del Sur</strong></font> <td width="50%"> <table align="right" cellspacing="1" cellpadding="1" border="1"> <td bgcolor="#cccccc" align="center">venezuela <td bgcolor="#cccccc" align="center">colombia <td bgcolor="#cccccc" align="center">ecuador <td bgcolor="#cccccc" align="center">perú

Países como: Argentina Chile Uruguay Paraguay Bosque tropical, clima de sabana, clima marítimo con inviernos secos.

5 Parte de arriba de América del Sur. Países como: <td width="50%"> <table align="right" cellspacing="1" cellpadding="1" border="1"> <td bgcolor="#cccccc" align="center">argentina <td bgcolor="#cccccc" align="center">chile <td bgcolor="#cccccc" align="center">uruguay <td bgcolor="#cccccc" align="center">paraguay Parte de abajo de América del Sur. Países como: <td bgcolor="#358391">bosque tropical, clima de sabana, clima marítimo con inviernos secos. <td bgcolor="#358391">climas marítimos con veranos secos, con inviernos secos, climas frios, clima de estepa, clima desértico. Ejemplo 9 <input type="radio" name="estacion" value="1">primavera <input type="radio" name="estacion" value="2">verano <input type="radio" name="estacion" value="3">otoño <input type="radio" name="estacion" value="4">invierno Ejemplo Nº 10 <form action="mailto:colabora@desarrolloweb.com" method="post" enctype="text/plain"> Nombre <input type="text" name="nombre" size="30" maxlength="100"> <input type="text" name=" " size="25" maxlength="100" value="@"> Población <input type="text" name="poblacion" size="20" maxlength="60"> Sexo

bgcolor="#cccccc" align="center">uruguay <td bgcolor="#cccccc" align="center">paraguay Parte de abajo de América del Sur.

6 <input type="radio" name="sexo" value="varon" checked> Hombre <input type="radio" name="sexo" value="hembra"> Mujer Frecuencia de los viajes <select name="utilizacion"> <option value="1">varias veces al dia <option value="2">una vez al dia <option value="3">varias veces a la semana <option value="4">varias veces al mes </select> Comentarios sobre su satisfacción personal <textarea cols="30" rows="7" name="comentarios"></textarea> <input type="checkbox" name="recibir_info" checked> Deseo recibir notificación de las novedades en las líneas de autobuses. <input type="submit" value="enviar formulario"> <input type="reset" value="borrar todo"> </form> Ejemplo Nº 11 <title>definición de Frames</title> <frameset rows="15%,*,75"> <frame src="pagina1.html"> <frame src="pagina2.html"> <frame src="pagina3.html">

rows="7" name="comentarios"></textarea> <input type="checkbox" name="recibir_info" checked> Deseo recibir notificación de las novedades en las líneas de autobuses.

7 Ejemplo Nº 12 <title>titulo Carnicería Pepe</title> <body bgcolor="#decc09"> <h1 align=center>carnicería PEPE</h1> Ejemplo Nº 13 <title>portada de Carnicería PEPE</title> <body bgcolor="#cf391c" text="#ffffff"> <h1 align="center">bienvenidos a nuestra web</h1> La carnicería PEPE, con más de 100 años de experiencia, es la mejor fuente de carnes de vacuno y cerdo de la comunidad. Tanto en invierno como en verano puede encontrar nuestras ofertas de temporada de primera calidad. Ejemplo Nº 14 <title>barra de navegación de carnicería PEPE</title> <body bgcolor="#ac760e" link="ffffcc" vlink="ffffcc"> <div align="center"> <b> <a href="pagina2.html">portada</a> <a href="productos.html">productos</a> <a href="contacto.html">contacto</a> </b> </div>

de la comunidad. Tanto en invierno como en verano puede encontrar nuestras ofertas de temporada de primera calidad.

8 Ejemplo Nº 15 <frameset rows="60,*"> <frame src="pagina1.html"> <frameset cols="200,*"> <frameset rows="*,150"> <frame src="pagina2.html"> <frame src="pagina3.html"> <frameset rows="*,60"> <frame src="pagina4.html"> <frame src="pagina5.html"> Ejemplo Nº 16 <form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform"> <table width="200"> <td> <fieldset> <legend align="left"><font color="red">caja de texto</font></legend> pon tu nombre: <input type="text" size="15"> </fieldset> <table> </form> Ejemplo Nº 17 <form action="cgi-bin/micontrol.exe" method="post" enctype="text/plain" name="un ejemplo más"> <label> <input type="checkbox" name=" "> Le deseamos un feliz año nuevo </label> </form> Ejemplo Nº 18 <form action="cgi-bin/control.exe" method="post" enctype="text/plain" name="miform"> <button name="boton_1" type="button"> <table width="10" cellspacing="0" cellpadding="2" border="1"> <td>uno <td>dos

exe" method="post" enctype="text/plain" name="miform"> <table width="200"> <td> <fieldset> <legend align="left"><font color="red">caja de texto</font></legend> pon tu nombre: <input type="text"

9 <td>tres <td>cuatro </button> </form>

Documentos relacionados

DPWEB I, Carrito de Compras Guardar, Ing. Tomas Urbina. Carrito de compras con PHP y MYSQL

DPWEB I, Carrito de Compras Guardar, Ing. Tomas Urbina. Carrito de compras con PHP y MYSQL Carrito de compras con PHP y MYSQL Actualizando los archivos anteriores. Para terminar la compra agregamos el archivo pagarcompra.php. 1) Vercarrito.php Por favor bajo la línea que dice $contador++; agreguen