Enlaces en HTML

Dentro de html podemos crear hiperenlaces intradocumentales (a lugares dentro de nuestra página web) y los extradocumentales (a archivos que están fuera de nuestro documento html): que pueden ser hacia una página web externa o a una dirección de mi equipo.

Para crear un hiperenlace usaremosla etiqueta <a>...</a>, y aparecerá en zul y subrayado, y al clickar nos dirigirá al destino.

Intradocumental:
Enlace:
<a href="#nombre">...</a>
Destino:
<p id="nombre"></p>
<h1 id="nombre"></h1>

Varias etiquetas pueden ir a un mismo destino, pero una sola etiqueta nopuede tener varios destinos.
<a href="pagina.html">...</a> en la que meteremos la URL de aceso al otro documento.

Para crear un hiperenlace aun punto en otro documento, deberemos combinar ambas etiquetas: señalaremos el documento al que hacemos el hiperenlace y al punto al que queremos ir:
<a href="pagina.html#nombre">...</a>

Y el destino lo indicaremos así:
<a name="nombre">...</a>
<h1 id="nombre">...</h1>
<p id="nombre">...</p>

Diferentes listas en html

Como crear listas con lenguaje en HTML

Para crear listas en html deberemos elegir primero si la queremos ordenada, sin ordenar o descriptiva. Para empezar con la etiqueta <ul>...</ul> la crearemos sin ordenar  y con la etiqueta <ol>...</ol> la crearemos ordenada y con la etiqueta <dl>...</dl> descriptiva.

Listas sin ordenar

En las listas sin ordenar, las posiciones de los elementos no es significativo, no importa, dentro de las etiquetas <ul>...</ul> (ul indica unordered list) deberemos escribir la etiqueta <li> por cada elemento de la lista que quieras, un ejemplo de lista sin ordenar sería la siguiente:

<ul>

<li> elemento

<li> elemento

<li> elemento

</ul>

Listas ordenadas

En las listas ordenadas, las posiciones de los elementos se deben resaltar y por ello se crea un orden, se utiliza la etiqueta  <ol>...</ol> (ol indica ordered list) deberemos escribir la etiqueta <li> por cada elemento de la lista que quieras, un ejemplo de lista ordenada sería la siguiente:

<ol>

<li> elemento 1

<li> elemento 2

<li> elemento 3

</ol>

Además, existen diferentes tipos de listas ordenadas, en la etiqueta de apertura podemos escribir: 

<ol type ="A"> (Para que cree la lista con :A, B, C, D, etc)

<ol type ="a"> (Para que cree la lista con :a, b, c, d, etc)

<ol type ="I"> (Para que cree la lista con :I, II, III, IV, etc)

<ol type ="i"> (Para que cree la lista con :i, ii, iii, iv, etc)

Listas de descripción

En las listas descriptivas, en ellas se utiliza la etiqueta  <dl>...</dl> (dl indica description list) y, tras esta se escriben las etiquetas <dt>...</dt> en la que la frase que insertemos se situará más a la izquierda, y la etiqueta <dd>...</dd> que se situará más a la derecha, dando la sensación sin ningún símbolo de que pertenece a la frase con la etiqueta de arriba, por ejemplo:

<dl>

<dt>Trabajos de TICO</dt>

<dd>Escribir un blog</dd>

<dd>Trabajar con HTML</dd>

<dd>Aprobar</dd>

</dl>

Además, podemos incluir listas, dentro de otras, vamos a ver un ejemplo en el cual, hemos creado una lista sin ordenar, en la cual, hemos creado dos listas ordenadas:

Curriculum en HTML

Para escribir nuestro curriculum en html, tras escribir las etiquetas correspondientes, deberemos usar la etiqueta <ul>...</ul> y en ella, deberemos escribir los elementos que queremos que la conforme nuestra lista precedidos de la etiqueta <li>, la cual no hace falta cerrar.

Así quedaría el ejmplo del Curriculum:

Y así quedaría la vista en el navegador.

<ol>

<ol type ="A">

<ol type ="a">

<ol type ="I">

<ol type ="i">