Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Temas - KOFFERO

Páginas: 1 2 [3]
41
Aprender a programar desde cero / HTML unir celdas tablas table, tr, th, td, colspan, rowspan y caption CU00719B
« en: 20 de Septiembre 2017, 05:37 »
Ejercicio CU00719B del tutorial pdf de programación web con HTML.

Citar
EJERCICIO

Crea un documento con una tabla HTML que tenga la apariencia de la tabla indicada a continuación. La primera fila debe estar compuesta por elementos de encabezado de tabla (th). No te preocupes por el centrado de los textos, sino únicamente por que las subdivisiones en la tabla aparezcan correctamente.


El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <title>Ejercicio CU00719B - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
        <table border="1px">
       <tr>
         <th>Jefe departamento</th>
<th>Jefe sección</th>
<th>Empleado</th>
<th>Edad empleado</th>
   </tr>
   <tr>
        <td rowspan="2">Juan Alberto Chan</td>
        <td>Martín López</td>
        <td>Maite Suárez</td>
        <td>55</td>
   </tr>
   <tr>
        <td>Luis Moralez</td>
<td>Mateo Corralde</td>
<td>33</td>
   </tr>
   <tr>
        <td>Diana Rodríguez</td>
<td>Carlos Hernández</td>
<td>Alberto Fernández</td>
<td>62</td>
   </tr>
   <tr>
         <td colspan="2">Luis Pérez</td>
<td>Diego Gutiérrez</td>
<td>44</td>
   </tr>
</table>
</body>
</html>
Un saludo. :)

42
Aprender a programar desde cero / HTML Hipervínculos, links o enlaces externos, href, target y title CU00717B
« en: 19 de Septiembre 2017, 08:15 »
Respuesta al ejercicio CU00717B del tutorial pdf de programación web con HTML desde cero.

Citar
EJERCICIO

Crea un documento HTML que conste de las siguientes partes. Un encabezado H1 donde indicaremos “Animales de Africa” como texto a mostrar.

Un encabezado H2 donde indicaremos “Leones” como texto. Dentro de este apartado incluiremos varios párrafos que hablarán sobre los leones y un enlace externo (link) de tipo texto cuyo texto será: “Pulsa aquí para saber más sobre leones” y que llevará con un target blank a la siguiente dirección web de wikipedia: http://es.wikipedia.org/wiki/Panthera_leo

Un encabezado H2 donde indicaremos “Tigres” como texto. Dentro de este apartado incluiremos varios párrafos que hablarán sobre los tigres y una imagen que debe mostrar como tooltip “Pulsa aquí para saber más sobre tigres”. Al pulsar sobre la imagen se llevará al usuario a un target blank dirigido a la dirección web http://es.wikipedia.org/wiki/Panthera_tigris

En la parte inferior incluiremos tres links internos (para lo que tendremos que haber definido las anclas correspondientes) que indicarán: “Ir al inicio – Ir a leones – Ir a tigres (Según el link que pulse el usuario, se le llevará al inicio, al encabezado del apartado de leones o al encabezado del apartado de tigres).

El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
       <head>
           <title>Ejercicio CU00717B - aprenderaprogramar.com</title>
   <meta charset="UTF-8" />
   </head>
   <body>
           <h1 style="text-align: center;">Animale de africa</h1>
   
   <a id="inicio"></a>
   
   <a id="leones"><h2>Leones</h2></a>
   <p>Los leones son animales muy fieros dada su fortaleza física y sus cualidades como gran depredador.
   Estos animales son capaces de atemorizar a otros depredadores, sino también al ser humano, puesto que un ataque de
   sus zarpas o un mordisco suyo puede considerarse la muerte.</p>
   
   <p>Clasificación científica: el león pertenece a la familia de los félidos, dentro del orden de animales carnívoros. Su nombre
   técnico es el de Panthera leo. Su pelaje tiene tonos amarillentos y rojizos. Su cabeza es grande, con dientes y uñas
   fuertes. Y su cola es larga acabada en flecos. Por su espectacularidad y vigor, el león es conocido durante siglos
   como “el rey de la selva”.</p>
   
   <p>Los leones, como otros miembros de los félidos, tienen un excelente sentido de la visión y del oído, que cobran especial
   importancia para la localización de presas. El papel que desempeña el macho en la manada es el de protección del
   territorio y de las hembras. El macho se caracteriza por su melena alrededor del cuello. Esta melena le sirve para ofrecer
   una imagen más fiera sin aumentar su peso, además de amortiguar golpes. Las disputas entre dos leones no suelen
   acabar en pelea ya que el que se encuentra en desventaja se da cuenta y se retira.</p>
   
   <p>Los leones tienen cuerpos musculosos y largos. Sus cabezas son grandes y las extremidades relativamente cortas.
   Los leones son animales robustos, de unos 2 metros de longitud y una cola que llega hasta un metro más. Su
   peso oscila entre los 150 y los 240 kilos en el caso de los machos y entre 125 y 180 kilos en las hembras.</p>
   
   <p>En general, su vida se alarga hasta los 15 años si viven en la naturaleza y hasta 25 o más si viven en cautividad.
   Los leones mejor alimentados presentan melenas más largas y espesas. El color de esta melena varía desde el
   negro hasta el castaño claro. Las hembras, en cambio, carecen de esta melena y su pelaje es de color castaño claro.</p>
   
   <p>Antiguamente, los leones estaban distribuidos por toda África, por Europa, Irán y la India. Su hábitat natural ha
   sufrido reducciones debido en gran parte a la acción del hombre en cuanto a la ocupación de las sabanas.
   </p>
   
   <p>Situamos su hábitat en África (sabanas y llanuras) y en Asia (interior de la selva). Normalmente se juntan en
   manadas, formadas por varias hembras y con uno o varios machos dominantes, aunque también se puede dar el
   caso de manadas de varios machos que no han conseguido el dominio de una manada de hembras o varias
   hembras desterradas que se unen para sobrevivir.</p>
   
   <p>Son animales carnívoros y se suelen alimentar de mamíferos grandes, aunque también admiten mamíferos más
   pequeños, aves y reptiles. No son animales carroñeros. La cantidad de alimento que necesitan los leones suele
   estar sobre los 7 kilos si son machos y los 5 kilos en el caso de las hembras.</p>
   
   <p>Sus armas como depredador se basan en sus mandíbulas fuertes y las garras de sus patas. El sonido
   característico de los leones es el rugido, que puede escucharse por una persona a una distancia de entre 5 y 9
   kilómetros de distancia. Este sonido es característico cuando los leones salen de caza, normalmente al anochecer,
   o cuando la caza ha sido fructífera.</p>
   
   <p>Pasan unas 3 horas diarias intentando conseguir alimento. El resto del día lo pasan durmiendo y descansando. Los búfalos y las hienas son considerados sus enemigos.</p>
   
   <p>La madurez sexual en los leones se da a partir de los 24-28 meses, si está en cautiverio y a los 36-48 meses en
   libertad. Las leonas son receptivas al apareamiento más de una vez al año y les dura de 3 a 4 días. El periodo de
   gestación es de unos 100 días, por tanto los cachorros serán muy pequeños al nacer. La mortalidad de los
   cachorros es bastante elevada, así el 80% de los cachorros no alcanzan los dos años de edad. La hembra volverá a
   aparearse cuando sus cachorros tengan dos años. Si toda la camada muriera, la hembra se apareará al poco de morir el último cachorro.</p>
   
   <p>Existen casos en los que los machos que llegan a una manada maten a cachorros que no son suyos. Esto es
   debido a que el león provoca que la hembra este más receptiva hacia él y así poder dejar más descendencia propia. <a href=" http://es.wikipedia.org/wiki/Panthera_leo" target="_blank">“Pulsa aquí para saber más sobre leones</a></p>
   
   <a id="tigres"><h2>Tigres</h2></a>
   
   <p>El Reino Animal está compuesto por miles de especies, y podemos afirmar que dentro de este reino, el animal mas
   grande de todos es el Tigre, admirado por su belleza, y temido por su conocido carácter de depredador. En esta nota te
   ofrecemos una ficha completa con toda la información que necesitas saber sobre él. Entrá y enterate.</p>
   
   <p>EL tigre es el felino mas grande del mundo. Es el animal mas grande de todo el Reino Animal, y se compara en cuanto a
   tamaño, solamente con los grandes felidos hoy ya fósiles. Es una de las cuatros subespecies de la familia Felidae
   perteneciente al género Panthera. Existen a su vez, seis subespecies de Tigre, sin embargo, y lamentablemente casi todas ellas se encuentran en grave peligro de extinción.</p>
   
   <p>Sin duda alguna e Tigre es el felino mas grande en el mundo entero, es un mamífero, carnívoro y depredador. si bien el
   tamaño varía de acuerdo a cada subespecie, recordando que existen seis ( en realidad son nueve, pero lamentablemente
   3 ya se encuentran extintas), podemos decir, en términos generales que los tigres machos pueden llegar a pesar entre
   100 y 310 kilogramos y medir entre los dos y los tres metros y medio aproximadamente, esto incluye su cola, que puede
   llegar a medir hasta un metro; Por su parte las hembras, son mas chicas, ya que pueden llegar a pesar aproximadamente
   entre 85 y 170 kilogramos y medir entre dos metros y dos metros setenta y cinco
   La mayoría de los tigres tienen un pelaje de color naranja, sin embargo existen algunos blancos, y todos se caracterizan
   por las rayas negras, las cuales difieren en forma y número según el género, ya que, son mayores en cantidad en los
   machos que en las hembras, y cada ejemplar tiene rayas que le son particulares, es decir que se puede detectar a cada
   ejemplar por sus rayas, son como sus huellas dactilares. Un dato curioso es que estas rayas negras también se encuentran en la piel del felino, de modo que si se le quitara todo su pelaje seguiríamos viendo esas rayas en su misma
   forma.</p>
   
   <p>Dentro de sus características podemos mencionar su excelente visión nocturna, al igual que su excelente capacidad de
   nadar, estas características ayudan sin duda, a que sea uno de los depredadores mas grandes de todo el reino animal.
   Son en general animales muy territoriales, variando también según el genero el radio de este territorio, para los machos
   pueden ser dueños de un territorio de 80 kilómetros aproximadamente, mientras que las tigresas, solo de 20 kilómetros.
   A este respecto los tigres machos pueden permitir que varias hembras entren a su territorio, sin embargo nunca dejan
   que entre otro macho, cuestión que crea sin dudas fuertes y violetas peleas entre machos que defienden su territorio, pudiendo morir algún ejemplar.</p>
   
   <a href=" http://es.wikipedia.org/wiki/Panthera_tigris" target="_blank" title="Pulsa aquí para saber mas sobre los tigres"><img src="http://www.infoanimales.com/wp-content/uploads/2011/12/tigre-1.jpg" alt="tigre" width="600px" /></a>
   
   <p>Los tigres son animales esencialmente carnívoros y depredadores, buscan primeramente presas grandes como los
   ungalados, sin embargo no desperdician animales menores como peces, monos, pavos reales, liebres, ciervos, tapir,
   jabalí. Son capaces de cazar animales de todo tamaño, incluyendo grandes herbívoros como alces y búfalos acuáticos.
   Inclusive pueden alimentarse de otros grandes depredadores como osos, leopardos y pitones; También pueden cazar
   elefantes jóvenes y un dato curioso es que existen registros de tigres que se han alimentado de cocodrilos, sin embargo
   se sabe que ambos depredadores evitan cruzarse.
   En cuanto a atacar a seres humanos, lo mas común es que lo hagan los tigres mas viejos, que en a jerga popular se les llama “tigres ataca hombres”.
   Su método de caza se basa simplemente en utilizar su fuerza y agilidad, sumada a su velocidad ya que es capaz de
   alcanzar una velocidad promedio de 90 kilómetros por hora, y pueden saltar hasta 5 metros de alto y 10 metros de largo.
   También se cree que además de su conocido rugido, emite sonidos no percibidos por el oído humano pero que es capaz
   de paralizar y aterrorizar a sus posibles presas; una vez que logra atrapar a su presa normalmente perfora con sus
   dientes el cuello, rompiendo la traquea o la medula espinal, lo que genera la muerte inminente de su presa</p>
   
   <p>Se encuentran principalmente en Asia, buscando sobre todo bosques densos, así como también zonas mas abiertas como sabanas
   </p>
   
   <p>Para la reproducción, la hembra solo es receptiva por un corto periodo, sin embargo durante este periodo se puede dar
   varias veces el apareamiento. Una vez fecundada, la gestación dura aproximadamente 105 días, luego de los cuales
   nacen las crías que pueden variar en numero entre 1 y 6. Al principio permanecen cerca de la madre que se vuelve muy
   territorial cuidándolas, y ya a partir de los 18 meses, son independientes. Sin embargo, y pese a esto, las crías no se
   separan definitivamente de sus madres hasta cumplir el año y medio o los dos años.
   Generalmente los tigres machos jóvenes salen en busca de su propio territorio, mientras que las hembras jóvenes permanecen mas ligadas al territorio de la madre.</p>
   <a href="#inicio"><h1>Inicio</h1></a>
   <h3>Para ir a <a href="#leones">Leones</a></h3>
   <h3>Para ir a <a href="#tigres">Tigres</a></h3>
   </body>
</html>
Un saludo. :)

43
Aprender a programar desde cero / HTML. Listas no ordenada(ul) y ordenada(ol) tipos de viñetas o marcas CU00718B
« en: 19 de Septiembre 2017, 08:09 »
Hola amigos aquí dejo el ejercicio CU00718B del curso pdf de HTML desde cero.

Citar
EJERCICIO

Crea una lista ordenada cuyos elementos sean Doctores, Ayudantes y Auxiliares. Dentro de Doctores define una lista no ordenada cuyos elementos sean: Juana Pérez, Alberto Márquez, Raúl Moreno. Dentro de Ayudantes define una lista no ordenada cuyos elementos sean: Noelia Suárez, Abel Rebollo. Dentro de Auxiliares crea una lista no ordenada cuyos elementos sean Silvia Estévez, Angela González y Cuarthemoc Adanez. Separa cada lista con un elemento hr de color azul, 10 pixeles de grosor y que ocupe el 50% del ancho disponible.

El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <title>Ejercicio CU00718B - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
        <ol>
      <li>Doctores</li>
  <ul>
        <li>Juana Pérez</li>
<li>Alberto Márquez</li>
<li>Raúl Moreno</li>
  </ul>
  <hr style="height: 10px; color: blue; background-color: blue; width: 50%;" />
  <li>Ayudantes</li>
  <ul>
        <li>Noelia Suárez</li>
<li>Abel Rebollo</li>
  </ul>
  <hr style="height: 10px; color: blue; background-color: blue; width: 50%;" />
  <li>Auxiliares</li>
  <ul>
       <li>Silvia Estévez</li>
   <li>Angela González</li>
   <li>Cuarthemoc Adanez</li>
  </ul>
</ol>
</body>
</html>
Citar
EJERCICIO

El siguiente código define una lista no ordenada y hace uso de atributos deprecated para la etiqueta li. Guarda el código como archivo html con un nombre como ejemplo1dep.html. Sustituye estos atributos por CSS y guarda el archivo como ejemplo1css.html. Compara la visualización de ambos documentos HTML en tu navegador.

El segundo código:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
    </head>
    <body>
<ul>
<li style="list-style-type: circle">Esto es un tipo de punto.</li>
<li style="list-style-type: square">Este es otro.</li>
<li style="list-style-type: disc">Y este es otro diferente.</li>
</ul>
</body>
</html>
Un saludo. :D

44
Aprender a programar desde cero / HTML básico Encabezados h1, h2, h3, h4, h5, h6, y etiqueta p y pre (CU00715B)
« en: 18 de Septiembre 2017, 06:03 »
Buenas noches amigos aquí dejo mi ejercicio resuelto CU00715B del tutorial de programación web en pdf con HTML desde cero, primeramente agradezco su ayuda.

Citar
EJERCICIO

Crea una página web que conste de lo siguiente: un encabezado h1 que ponga “Las fotos de mi viaje”. A continuación un párrafo explicando un viaje. A continuación un encabezado h2 que indique “Fotos de la primera parte del viaje” y a continuación 2 fotos. Seguidamente un encabezado h2 que indique “Fotos de la segunda parte del viaje” y a continuación 2 fotos. Finalmente usando las etiquetas pre haz que aparezca este texto en la parte inferior usando espacios y tabuladores:


El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <title>Ejercicio CU00715B del curso de HTML - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
      <h1>Las fotos de mi viajes.</h1>   
  <p>Bueno el viaje fue en brasil, en la playa.</p>
  <h2>Fotos de la primera parte del viaje.</h2>
  <img src="https://upload.wikimedia.org/wikipedia/commons/0/0e/AeroportoGuarulhos_TPS2-Interno.jpg" alt="foto1" width="300px" />
  <h2>Fotos de la segunda parte del viaje.</h2>
  <img src="http://www.hola.com/imagenes/viajes/2011040851941/brasil/playas/paradisiacas/0-173-836/a_84499389-a.jpg" alt="foto2" width="300px" />
  <pre>
   Los vieajes                     ...son libertad
                                            ...son amistad
                    ... son crecimientos personal
               ¡No desaproveches una oportunidad!
  </pre>
</body>
</html>
Las foto aquí puestas no son mias fueron sacadas de internet.

Un saludo. :)

45
Aprender a programar desde cero / HTML tamaño de imagen grande Etiqueta de imágenes, img, src, alt, width CU00714B
« en: 17 de Septiembre 2017, 06:53 »
Hola amigos aquí dejo mi ejercicio resuelto CU00714B del tutorial pdf de programador web con HTML desde cero.

Citar
EJERCICIO

Abre cuatro páginas web distintas y captura la ruta de 4 imágenes que puedas encontrar en ellas (las imágenes que prefieras). A continuación crea un documento html donde incorpores un texto que indique el contenido de la imagen y a continuación se vea la imagen. Guarda el documento con un nombre como ejemploCU00714B.html y comprueba que se visualiza correctamente. Ejemplo:

 

Imagen que refleja una boda:

 (… aquí la imagen)

Imagen que muestra un mercado:

(… aquí la imagen)

Imagen que muestra un atleta:

(… aquí la imagen)

Imagen que refleja un atardecer:

(… aquí la imagen)


Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <title>Ejercicio con imágenes - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
       <p>Imágen que refleja una boda:</p>
   <img src="http://mqltv.com/wp-content/uploads/2016/01/boda-de-divorciados.jpg" alt="ImagenDeBoda" width="400px">
   <p>Imágen que refleja un mercado:</p>
   <img src="https://cdn.pixabay.com/photo/2015/06/12/17/43/fruit-stall-807226_960_720.jpg" alt="ImagenDeMercado" width="400px">
   <p>Imágen que muestra un atleta:</p>
   <img src="http://i.eldiario.com.ec/fotos-manabi-ecuador/2014/09/20140902081528_usain-bolt-duda-que-un-atleta-sea-c_tn1.jpg" alt="ImagenDeAtleta" width="400px">
   <p>Imágen que refleja un atardecer:</p>
   <img src="http://www.blogdelfotografo.com/wp-content/uploads/2013/03/Atardecer-1.jpg" alt="ImagenDeAtardecer" width="400px">
</body>
</html>
Un saludo. ;D

46
Aprender a programar desde cero / HTML atributos deprecated Formatos de textos: negrita, cursiva, tachado CU00713B
« en: 17 de Septiembre 2017, 06:10 »
Hola amigos buenas noches, estoy retomado mis estudios como programador web, y estoy enpenzando el curso de HTML, sin nada mas aquí dejo mi solución al ejercicio CU00713B del tutorial pdf de programador web con HTML.

Citar
EJERCICIO

En el siguiente código hay elementos que en las versiones más recientes de HTML se consideran deprecated o not supported. Escribe el código en un editor de textos como el bloc de notas o Notepad++, guárdalo con un nombre como ejemplo.html y visualízalo en tu navegador.

Responde a las siguientes preguntas:

¿Qué etiquetas de las empleadas sería recomendable no utilizar y reemplazar mediante uso de técnicas CSS?

El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo 01 del curso HTML - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body text="green" bgcolor="white">
<pre>
Ejemplo básico: uso de etiquetas de formato y atributos básicos para la etiqueta body.
<strong>negrita</strong>
<em>Cursiva</em>
<del>Subrayado</del>
<big>Grande</big>
<small>pequeño</small>
Esto es un<sub>subíndice</sub>
Y esto un<sup>superíndice</sup>
</pre>
</body>
</html>
Respuestas:

Las etiquetas que se cambiarian por tecnicas CSS son: small, big, del, em y strong,
 y tambien los atributos bgcolor y text.

Un saludo. :)

47
Comunidad / Palabra incompleta en la entrega CU00712B curso de HTML de aprenderaprogramar
« en: 17 de Septiembre 2017, 05:29 »
Hola amigos estoy siguiendo el curso de HTML, y me encotre un pequeño error de escritura, se trata de una palabra que esta incompleta que se encuentra de la siguiente manera.
Citar
para el margen uperior

Creo que era para el margen superior, falto solamente una letra, no es la gran cosa. Pero solo informaba ese prolemilla, les dejo el link para que lo comprueben.
https://aprenderaprogramar.com/index.php?option=com_content&view=article&id=478:significado-de-deprecated-etiqueta-body-cuerpo-de-la-pagina-html-ibgcolor-text-background-cu00712b&catid=69&Itemid=192

Es la parte en dónde enpieza el tema sobre el atributo del margen, que por cierto su uso esta como no recomendado.

Un saludo. :)

Páginas: 1 2 [3]

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".