Web viewLa primer columna debe mostrar solo el texto 'recursos' y en la primer fila el texto...

Confeccionar una página HTML que muestre su nombre y apellido y en la siguiente línea los nombres de sus padres separados por un guión.

Confeccionar el titular de un periódico con un título de nivel 1. Luego definir dos títulos de segundo nivel con los textos (Noticias políticas y Noticias deportivas), en cada una de estas secciones definir dos titulares de tercer nivel con un párrafo cada una.

Solución:

<!DOCTYPE html>

<html>

<head>

<title>Título de la página</title>

</head>

<body>

<h1>Belgrano sale campeón nuevamente.</h1>

<h2>Noticias políticas.</h2>

<h3>Asumen sus funciones los diputados y senadores.</h3>

<p>

El próximo lunes asumen sus funciones los nuevos diputados y senadores elegidos por el pueblo el més pasado. Al acto lo presidirá el gobernador junto con todos sus ministros.<br>

Se espera que los temas pendientes puedan ser resueltos prontamente.

</p>

<h3>Destitución del intendente de General Paz.</h3>

<p>

Luego de varias sesiones del consejo deliberante de General Paz el intendente fue destituido por una incorrecta asignación de partidas presupuestarias.<br>

Se espera que el mes próximo se elija nuevo intendente.

</p>

<h2>Noticias deportivas</h2>

<h3>Belgrano nuevamente triunfa.</h3>

<p>

En un partido vibrante el equipo celeste se queda nuevamente con la copa. El resultado final de 2 a 1 no denota la ventaja real que existió en el campo de juego.<br>

Se espera la llegada del equipo al aeropuerto al mediodía.

</p>

<h3>Convocatoria de nuevos jugadores a la selección.</h3>

<p>

El director técnico llamo a nuevos jugadores para que se incorporen a la selección nacional.<br>

Se espera que con los dos delanteros nuevos se reviertan los resultados negativos.<br>

El mes próximo se enfrentará a un combinado de Europa.

</p>

</body>

</html>

Confeccionar una página que muestre la definición de tres palabras. Aplicar el elemento strong a cada palabra previo a su definición. Luego agregar el elemento "em" a una o a un conjunto de palabras dentro de la definición.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<p><strong>PHP</strong>: es un lenguaje de programación usado generalmente para la creación de contenido para sitios web. PHP es un acrónimo recurrente que significa <em>"PHP Hypertext Pre-processor"</em></p>

<p><strong>JSP</strong>: en el campo de la Informática, es una tecnología para crear aplicaciones web. Es un desarrollo de la compañía Sun Microsystems, y su funcionamiento se basa en <em>scripts</em>, que utilizan una variante del lenguaje <em>java</em>.</p>

<p><strong>ASP.Net</strong>: es una tecnología del lado servidor de Microsoft para páginas web generadas dinámicamente, que ha sido comercializada como un anexo a <em>Internet Information Server</em> (IIS).</p>

</body>

</html>

Confeccionar una página principal con dos hipervínculos a las páginas pagina2.html y pagina3.htmlLuego en las dos páginas secundarias disponer hipervínculos a la página principal.

<!DOCTYPE html><html><head><title>Título de la página</title></head><body><h1>Blog de lenguajes de programación.</h1><a href="pagina2.html">Lenguaje PHP</a><br><a href="pagina3.html">Lenguaje JavaScript</a></body></html>

<!DOCTYPE html><html><head><title>Título de la página</title></head><body><h1>PHP</h1><a href="pagina1.html">Retornar.</a></body></html>

<!DOCTYPE html><html><head>

<title>Título de la página</title></head><body><h1>JavaScript</h1><a href="pagina1.html">Retornar.</a></body></html>

Confeccionar una página que contenga un enlace al sitio de google.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<a href="http://www.google.com">Buscador Google</a>

</body>

</html>

Implementar una página que muestre una imagen llamada foto1.jpg que se encuentra en el mismo servidor y en la misma carpeta donde se localiza el archivo HTML

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<img src="foto1.jpg" alt="Pintura geométrica">

</body>

</html>

Confeccionar una página que muestre dos imagenes (foto1.jpg y foto2.jpg) como hipervínculos. Al ser presionados llamar a otra página.Las imágenes se encuentran en la carpeta del directorio padre

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h2>Presione alguna de las imagenes para conocer más sobre esa obra.</h2>

<a href="pagina2.html"><img src="../foto1.jpg" alt="Pintura Geométrica"> </a>

<br>


</body>

</html>

Desarrollar una página que muestre dos imagenes llamadas foto2.jpg y foto3.jpg, las mismas se encuetran almacenadas en el servidor en la misma carpeta donde se almacenará la página que usted desarrollará.Disponer un título a cada imagen.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h1>Geometría Generativa (Obra 1)</h1>

<img src="foto2.jpg" alt="Cuadrados amarillos">

<h1>Geometría Generativa (Obra 2)</h1>

<img src="foto3.jpg" alt="Cuadrados rojos">

</body>

</html>

Confeccionar una página que muestre dos imagenes (foto1.jpg y foto2.jpg) como hipervínculos. Al ser presionados llamar a otra página.Las imágenes se encuentran en la carpeta del directorio padre

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h2>Presione alguna de las imagenes para conocer más sobre esa obra.</h2>


<br>


</body>

</html>

Confeccionar una página que contenga dos hipervínculos a los periódicos La Nación y el Clarin. Hacer que el hipervínculo del periódico el Clarin sea abierto en otra pestaña del navegador

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h1>Apertura de enlaces en el mismo navegador y en otra instancia del navegador</h1>

<p>

<a href="http://www.lanacion.com.ar">Periódico La Nación</a>

<br>

<a href="http://www.clarin.com.ar" target="_blank">Periódico Clarin</a>

</p>

</body>

</html>

Confeccionar una página que contenga dos hipervínculos a los periódicos La Nación y el Clarin. Hacer que el hipervínculo del periódico el Clarin sea abierto en otra pestaña del navegador.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h1>Apertura de enlaces en el mismo navegador y en otra instancia del navegador</h1>

<p>

<a href="http://www.lanacion.com.ar">Periódico La Nación</a>

<br>

<a href="http://www.clarin.com.ar" target="_blank">Periódico Clarin</a>

</p>

</body>

</html>

Confeccionar una página que contenga un hipervínculo configurando la propiedad href de tal manera que abra un cliente de correo

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h1>Reclamos</h1>

<a href="mailto:[email protected]">Enviar mail.</a>

</body>

</html>

Disponer una serie de hipervínculos sobre noticias del día. Enlazar los hipervínculos con anclas que se encuentran más abajo en la misma página

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h1>Noticias del día.</h1>

<a href="#noticia1">Noticia 1</a><br>




<a name="noticia1"></a>

<h2>Noticia 1</h2>

<p>

Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1.




Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1.

</p>


<h2>Noticia 2</h2>

<p>





Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2.

</p>


<h2>Noticia 3</h2>

<p>









Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.

</p>


<h2>Noticia 4</h2>

<p>











Noticia 4.

</p>

</body>

</html>

Disponer una serie de hipervínculos sobre noticias del día. Enlazar los hipervínculos con anclas que se encuentran en otra página.

<!DOCTYPE html><html><head><title>Título de la página</title></head><body><h1>Noticias del día.</h1><a href="pagina2.html#noticia1">Noticia 1</a><br><a href="pagina2.html#noticia2">Noticia 2</a><br><a href="pagina2.html#noticia3">Noticia 3</a><br><a href="pagina2.html#noticia4">Noticia 4</a><br></body></html>

<!DOCTYPE html>

<html><head><title>Título de la página</title></head><body><a name="noticia1"></a><h2>Noticia 1</h2>Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. Noticia 1. </p><a name="noticia2"></a><h2>Noticia 2</h2><p>Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2.Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2.Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2.Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2.Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2. Noticia 2.Noticia 2. Noticia 2. </p><a name="noticia3"></a><h2>Noticia 3</h2><p>Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.

Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3. Noticia 3.</p><a name="noticia4"></a><h2>Noticia 4</h2><p>Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. Noticia 4. </p>

</body></html>

Confeccione una lista ordenada con los tres paises con mayor población del planeta. Disponer un título de segundo nivel y debajo de la lista la suma de habitantes de esos tres paises enfatizado.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h2>Paises con mayor población</h2>

<ol>

<li>China (1300 millones)</li>

<li>India (1080 millones)</li>

<li>Estados Unidos (295 millones)</li>

</ol>

<p>Sumando estos tres paises tenemos una población de <strong>2675 millones</strong></p>

</body>

</html>

Confeccionar una lista no ordenada que contenga hipervínculos a distintos periódicos que usted conoce. Agregar tantos item como periódicos conoce.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<h2>Periódicos de Argentina.</h2>

<ul>

<li><a href="http://www.lanacion.com.ar">La Nación</a></li>

<li><a href="http://www.clarin.com.ar">Clarín</a></li>

<li><a href="http://www.lavoz.com.ar">La voz del interior</a></li>

</ul>

</body>

</html>

Confeccionar una lista de definición indicando en los conceptos distintos lenguajes de programación. En la definición hacer una breve introducción del mismo

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<dl>

<dt>C++</dt>

<dd>Es un lenguaje de programación, diseñado a mediados de los años 1980, por Bjarne Stroustrup, como extensión del lenguaje de programación C.</dd>

<dt>Java</dt>

<dd>Es un lenguaje de programación orientado a objetos desarrollado por Sun Microsystems a principios de los 90.</dd>

<dt>JavaScript</dt>

<dd>Es un lenguaje interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje C.</dd>

</dl>

</body>

Implementar una página que enumere una serie de paises en una lista ordenada y luego en cada pais disponer una lista de hipervínculos de periódicos de dicho pais.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<ol>

<li>Argentina

<ul>

<li><a href="http://www.lanacion.com.ar">La Nación</a></li>

<li><a href="http://www.clarin.com.ar">Clarín</a></li>

<li><a href="http://www.pagina12.com.ar">Página 12</a></li>

</ul>

</li>

Confeccionar una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<table border="1">

<tr>

<td>China</td><td>1300 millones</td>

</tr>

<tr>

<td>India</td><td>1080 millones</td>

</tr>

<tr>

<td>Estados Unidos</td><td>295 millones</td>

</tr>

</table>

</body>

</html>

Confeccionar una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra. Disponer un título a cada columna mediante celdas creadas mediante el elemento th.

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<table border="1">

<tr>

<th>Paises</th><th>Cantidad de habitantes</th>

</tr>

<tr>


</tr>

<tr>


</tr>

<tr>


</tr>

</table>

</body>

</html>

Confeccionar una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra. Disponer un título de los datos que representa la tabla

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<table border="1">

<caption>Población de los paises con mayor cantidad de habitantes.</caption>

<tr>

<th>Paises</th><th>Cantidad de habitantes</th>

</tr>

<tr>


</tr>

<tr>


</tr>

<tr>


</tr>

</table>

</body>

</html>

Confeccionar una tabla que muestre la facturación de los últimos tres meses de los artículos:'Discos Duros', 'CPU' y 'Monitores'. La

primer columna debe mostrar solo el texto 'recursos' y en la primer fila el texto 'Facturación de los últimos tres meses'

<!DOCTYPE html>

<html>

<head>


</head>

<body>

<table border="1">

<tr>

<td rowspan="4">Recursos</td><td colspan="4">Facturación de los últimos tres meses</td>

</tr>

<tr>

<td>Discos Duros</td><td>23000</td><td>27200</td><td>26000</td>

</tr>

<tr>

<td>CPU</td><td>73000</td><td>67300</td><td>51000</td>

</tr>

<tr>

<td>Monitores</td><td>53000</td><td>72000</td><td>88000</td>

</tr>

</table>

</body>

</html>

Confeccionar un formulario que contenga un cuadro de texto donde el visitante debe ingresar su nombre y un botón de tipo submit para el envío de los datos ingresados al servidor (tener en

cuenta que la página que procesa los datos del formulario en el servidor se encuentra en el sitio y se llama: registrardatos.php)

<!DOCTYPE html>

<html>

<head>

<title>Prueba de formulario</title>

</head>

<body>

<form action="registrardatos.php" method="post">

Ingrese su nombre:

<input type="text" name="nombre" size="20">

<br>

<input type="submit" value="enviar">

</form>

</body>

</html>

Confeccionar un formulario que solicite el ingreso del nombre de un usuario y su clave. Mostrar asteriscos donde se ingresa la clave. Disponer dos botones, uno para el envío de datos al servidor y otro para borrar el contenido de todos los controles (editores de texto) que contiene el formulario.

<!DOCTYPE html>

<html>

<head>


</head>

<body>


Ingrese su nombre:

<input type="text" name="nombre" size="20">

<br>

Ingrese su clave:

<input type="password" name="clave" size="12">

<br>

<input type="submit" value="enviar">

<input type="reset" value="borrar">

</form>

</body>

</html>

Confeccionar un formulario para que un visitante pueda ingresar su nombre, su mail y un comentario del sitio, empleando para este último dato a ingresar un elemento de tipo textarea.

<!DOCTYPE html>

<html>

<head>


</head>

<body>


Ingrese su nombre:

<input type="text" name="nombre" size="30"><br>

Ingrese su mail:

<input type="text" name="mail" size="50"><br>

Comentarios:<br>

<textarea name="comentarios" rows="5" cols="60"></textarea>

<br>

<input type="submit" value="Enviar">

</form>

</body>

</html>

Implementar un formulario que solicite el ingreso del nombre de una persona y 4 elementos de tipo checkbox para que seleccione los lenguajes de programación que conoce.

<!DOCTYPE html>

<html>

<head>


</head>

<body>


Ingrese su nombre:


Seleccione los lenguajes que conoce:

<br>

<input type="checkbox" name="java">Java<br>

<input type="checkbox" name="cmasmas">C++<br>

<input type="checkbox" name="c">C<br>

<input type="checkbox" name="csharp">C#<br>


</form>

</body>

</html>

Solicitar el ingreso del nombre de una persona y el máximo nivel en estudios alcanzado (sin estudios, estudios primarios, estudios

secundarios o estudios universitarios)Ulitilzar controles de tipo radio para la selección de estudios realizados

<!DOCTYPE html>

<html>

<head>


</head>

<body>


Ingrese su nombre:


Seleccione el máximo nivel de estudios que tiene:

<br>

<input type="radio" name="estudios" value="1">Sin estudios<br>

<input type="radio" name="estudios" value="2">Primario<br>

<input type="radio" name="estudios" value="3">Secundario<br>

<input type="radio" name="estudios" value="4">Universitario<br>


</form>

</body>

</html>

Confeccionar un formulario que solicite cargar el nombre de una persona y el pais donde vive, este último elemento mediante un control de tipo select permitir seleccionar el pais. (Agregue la propiedad size al elemento select con el valor 5)

<!DOCTYPE html>

<html>

<head>


</head>

<body>


Ingrese su nombre:


Seleccione su pais:

<select name="pais">

<option value="1">Argentina</option>

<option value="2">España</option>

<option value="3">México</option>

<option value="4">Guatemala</option>

<option value="5">Honduras</option>

<option value="7">El Salvador</option>

<option value="8">Venezuela</option>

<option value="9">Colombia</option>

<option value="10">Cuba</option>

<option value="11">Bolivia</option>

<option value="13">Perú</option>

<option value="14">Ecuador</option>

<option value="15">Paraguay</option>

<option value="16">Uruguay</option>

<option value="17">Chile</option>

</select>

<br>


</form>

</body>

</html>

http://www.tutorialesprogramacionya.com/htmlya/index.php?inicio=32 quede en la pagina 2

http://www.tutorialesprogramacionya.com/htmlya/index.php?inicio=32

Web viewLa primer columna debe mostrar solo el texto 'recursos' y en la primer fila el texto...

Documents

Transcript of Web viewLa primer columna debe mostrar solo el texto 'recursos' y en la primer fila el texto...