En este tutorial veremos sobre como insertar caracteres especiales en HTML y conoceremos las listas de html....

Que pasa si quieres poner los simbolos < menor que y > mayor que.. si los pones asi...

----------------------------
<html>
<head>
<title>Ejemplo de caracteres especiales HTML</title>
</head>
<body>

los simbolos mayor que y menor que: son <y>

</body>

</html>

----------------------------------------

No veras <y>... aun que podrias poner < y > separado por espacios y podria que algunos navegadores lo muestren correctamente aun que no es recomendable....

para evitar esto debemos de usar algunos codigos hexadecimales o decimales para poderlos mostrar correctamente... aqui tienes una lista de cual es el simbolo y como podras insertarlo.

---------------------------------------------------

&lt; = <
&gt; = >
&copy; = ©
&reg; = ®
&iquest = ¿
&aacute; = á
&eacute; = é

les dejo esta pagina donde podran encontrar todos los carateres y sus respectivos usos en html.
http://www.ascii.cl/es/codigos-html.htm


Listas

El HTML nos permite insertar o formatear y crear una especie de listas que podemos usar como menu de navegacion para nuestro sitio web o hasta simplemente para mostrar informacion.

en html podemos hacer dos tipos de listas las listas no ordenadas que son con las tags <ul></ul> y las ordenadas que son con <ol></ol> las cuales numeran los elementos que contienen a diferencia de las no ordenadas que solo muestran un punto, tanto la lista ordenada como la no ordenada se componen de items o elementos que se crean con las tags <li> y </li>.

<ul>
<li>Mi lista con un elemento<li/>
<li>Mi lista con dos elementos<li/>
<li>Mi lista con tres elementos<li/>
</ul>


y la lista ordenada

<ol>
<li>Una prueba</li>
<li>Una prueba</li>
<li>Una prueba</li>
</ol>

si probamos estos ejemplos poniendolos dentro de las tags <body> podras ver el ejemplo de las listas en un navegador.


tambien podemos anidar listas dentro de otras listas o meter listas dentro de estas veamos un ejemplo practico....


<ul>

<li>Paginas que me gustan segun el orden</li>

<li>
<ol>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.taringa.net">Taringa</a></li>
<li><a href="http://www.twitter.com">Twitter</a></li>
</ol>
</li>


<li>Tecnologias que conosco</li>

<li>

<ul>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
<li>PHP</li>
<li>Javascript</li>
</ul>

</li>

</ul>


si probamos de nuevo este ejemplo recuerden poniendo el codigo dentro de las tags <body> y </body> como siempre veremos el resultado, puede parecer complejo en un principio pero una ves que se practica el uso de listas en html no se hacen tan difiiciles.

saludos y hasta aqui llego este tutorial numero 5 de html espero les guste y recuerden practicar lo mas posible.... saludos....