Investigación

ETIQUETAS

·         UL:

La etiqueta <ul> se utiliza para crear una lista desordenada.

Las listas desordenadas se representan con los siguientes símbolos:

·         disc(círculo relleno)

·         circle(círculo vacío)

·         square(cuadrado vacío)

Los diferentes objetos de las listas se representan con la etiqueta <li>.

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

·         LI:

La etiqueta <li> nos define los objetos de la lista.

Esta etiqueta se utiliza tanto para las listas ordenadas <ol>, como para las listas desordenadas <ul>.

Lista ordenada
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>


Lista desordenada <ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

·         SPAN:

La etiqueta <span> se utiliza para añadir estructura a una parte de un texto.

Esta etiqueta se usa comunmente para añadir un estilo determinado dentro de una sección del texto.

<p>RGB: <span class="rojo">Red</span>,<span class="verde">Green</span>,
<span class="azul">Blue</span>.</p>

·         DIV:

La etiqueta <div> se utiliza para definir una sección dentro del documento.

Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.

<div style="color:red">
   <h3>Grupo 1</h3>
   <p>Este bloque tiene definido el texto de color rojo.</p>
</div>
<div style="color:green">
   <h3>Grupo 2</h3>
   <p>Este bloque tiene definido el texto de color verde.</p>
</div>

·         TEXTAREA:

La etiqueta <textarea> crea un control de entrada de texto multilínea.

<textarea rows="5" cols="40">
En este ejemplo podemos observar que se puede establecer un texto inicial en el área de ingreso de texto.
</textarea>

·         SELECT:

La etiqueta <select> crea un menú desplegable.

Cada opción ofrecida por dicho menú se representa por un elemento option.

<select>
   <option value="html">HTML</option>
   <option value="css">CSS</option>
   <option value="js">JavaScript</option>
   <option value="php">PHP</option>
</select>

·         QUE ES <INPUT> Y CON EL TYPE(TEXT, HIDDEN, SUBMIT, BUTTON)

La etiqueta <input> se utiliza para el ingreso de datos por parte del usuario.

El campo del input dependerá del tipo de control que le asignemos al atributo type.

·         text - entrada de texto de una línea

·         password - entrada de texto de una línea con carateres ocultos

·         checkbox - casilla de verificació

·         radio - radiobotón

·         submit - botón de envio

·         image - botón de envio gráfico o mapa de imágenes

·         reset - botón de reinicialización

·         button - botón pulsador

·         hidden - control oculto

·         file - selección de archivo

<form action="ejemplo.php" method="get">
   Nombre: <input type="text" name="nombre" /><br />
   Contraseña: <input type="password" name="contra" /><br />
   <input type="reset" value="Borrar" />
</form>

·         MAP:

La etiqueta <map> especifica un mapa de imagenes.
Un mapa de imagenes es una imagen que permite clickear diferentes areas de la misma.
Esta etiqueta requiere del atributo name, con el mismo nombre usado en el atributo usemap de la etiqueta <img>. De esta forma se establece la relación imagen-mapa.

<img src="/formas.gif" border="0" width="225" height="251" usemap="#map1">

<map name="map1">
<area href="/cuadrado.html" shape=rect coords="0,75,100,175">
<area href="/circulo.html" shape=circle coords="175,50,50">
<area href="/triangulo.html" shape=poly coords="125,250, 225,250, 175,165">
</map>

·         AREA:

La etiqueta <area> se utiliza para definir regiones o areas dentro de un mapa de imágenes y los enlaces asociados a esas regiones.
Un mapa de imagenes es una imagen que permite clickear diferentes areas de la misma.

La etiqueta <area> siempre debe estar ubicada dentro de la etiqueta <map>

<img src="/formas.gif" border="0" width="225" height="251" usemap="#map1">

<map name="map1">
<area href="/cuadrado.html" shape=rect coords="0,75,100,175">
<area href="/circulo.html" shape=circle coords="175,50,50">
<area href="/triangulo.html" shape=poly coords="125,250, 225,250, 175,165">
</map>

STREET VIEW

Google Street View es una prestación de Google Maps y de Google Earth que proporciona panorámicas a nivel de calle (360 grados de movimiento horizontal y 290 grados de movimiento vertical), permitiendo a los usuarios ver partes de las ciudades seleccionadas y sus áreas metropolitanas circundantes. Se introdujo, en primer lugar, en los Estados Unidos el día 25 de mayode 2007. Cuando se lanzó el servicio, sólo cinco ciudades estadounidenses estaban incluidas. Desde entonces se ha expandido a 31 países europeos, 7 latinoamericanos, 11 asiáticos, 4 africanos y la Antártida.