ensayo

CLASE 02 HTML
Listas en HTML
Cuando necesitamos presentar en un texto una serie de conceptos o ideas utilizamos listas. Las listas pueden ser ordenadas o no serla. Las que no son ordenadas, a cada término se le antepone un círculo negro. Las ordenadas tienen un número en cada término.
En la imagen 8 se puede apreciar las dos clases de listas: las ordenadas y las desordenadas.Lo característicoes que las ordenadas lo están por la representación de números.
En la imagen se usa los cinco primeros días de la semana.

Figura 8. Podemos hacer listas de textos
ordenados o desordenados
Para hacer una lista desordenada utilizaremos la etiqueta . Dentro de ésta ira cada elemento de la lista encerrado en la etiqueta . Veamos el siguiente código:



Patatas
TomatesLentejas
Lechuga
Avellanas



Lo primero que se ha hecho es implementar la lista por medio de la etiqueta ; posteriormente, y a través de la etiqueta , se ha establecido cada elemento de la lista encerrándo el texto correspondiente en la misma. Para cambiar la lista a una ordenada basta con sustituir la etiqueta por la etiqueta .
También tenemos la posibilidad dehacer esquemas con tan solo anidar listas. Anidar quiere decir meter una lista dentro de otra. Vemos el siguiente código y lo comentamos:



Bebidas



Refrescos
Zumos





Bollería



Bizcochos
Magdalenas





En primer lugar se ha implementado una lista principal; una ordenada. Esta lista principal tienedos elementos: bebidas y bollería. Para anidar tan solo hemos escrito una nueva lista dentro de la etiqueta de los dos elementos de la lista principal principal.

Figura 9. Podemos hacer esquemas anidando
listas dentro de otras.




Enlaces
En esta lección aprenderás a crear enlaces entre páginas.
¿Qué necesito para crear un enlace?
Para crear enlaces se usa lo que siempre usamos alcodificar HTML: un elemento. Un sencillo elemento con un atributo y podrás enlazar con cualquier cosa y con todo. Vas a ver ahora mismo un ejemplo de cómo se codificaría un enlace a HTML.net:
Ejemplo 1:
Desde aquí enlazamos con HTML.net
que se visualizará así en el navegador:
Desde aquí enlazamos con HTML.net
El elemento a es la abreviatura de "anchor" (ancla, en español). Y el atributo hrefes la abreviatura de "hypertext reference" (es decir, referencia hipertextual), que especifica hacia dónde nos dirige el enlace; normalmente, una dirección de internet o un nombre de fichero.
En el ejemplo anterior el atributo href contiene el valor "http://www.html.net", que es la dirección completa de HTML.net y que se denomina URL (Uniform Resource Locator; en español, localizador de recursosuniforme). Ten en cuenta que "http://" siempre debe incluirse en las URLs. El texto "Desde aquí enlazamos con HTML.net" es el que aparece en el navegador como enlace. Recuerda cerrar el elemento con la etiqueta de cierre .
¿Y se pueden crear enlaces entre mis propias páginas?
Si quieres crear enlaces entre las páginas de un mismo sitio web, no es necesario incluir la dirección completa (el URL)del documento. Por ejemplo, si has creado dos páginas (llamémoslas pagina1.htm y pagina2.htm) y las has guardado en la misma carpeta, puedes enlazar una página con la otra con sólo escribir el nombre del fichero en el enlace. Si este es el caso, enlazar la pagina1.htm con la pagina2.htm tendría el siguiente aspecto:
Ejemplo 2:
Haz clic para ir a la página 2
Si la página 2 estuviera en unasubcarpeta (llamada "subcarpeta"), el enlace tendría el siguiente aspecto:
Ejemplo 3:
Haz clic para ir a la página 2
En sentido inverso, enlazar desde la página 2 (en la subcarpeta) a la página 1 se haría usando con el siguiente código:
Ejemplo 4:
Enlace a la pagina1
Los dos puntos con la barra, "../", hacen referencia a una carpeta que se encuentra un nivel por encima de donde se encuentra...