Gracias, excelente video.
Saludos
This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.
Muchas veces necesitaremos crear un listado de terminos o palabras y poder asignarles unas características comunes a todas ellas. Para poder hacer esto tenemos unas etiquetas específicas que nos permitiran crearlas. Tenemos tres tipos difrentes de listas:
Las listas desordenadas las creamos con la etiqueta <ul>...</ul> y despues para añadirle elementos tenemos las etiquetas <li>...</li>.
Atributos opcionales
Atributos estandar
Los atributos de eventos
Las listas son compatibles con los siguientes atributos de eventos:
Ejemplo de una lista desordenada:
<ul type="square" class="lista">
<li> elemento 1 </li>
<li> elemento 2 </li>
<li> elemento 3 </li>
<li> elemento 4 </li>
</ul>
Las listas ordenadas se crean igual que las desordenadas, lo único que cambia es la etiqueta con las que creamos. Ahora en vez de <ul>...</ul>, vamos a utilizar <ol>.....</ol> y despues para añadirle elementos tenemos las etiquetas <li>...</li>, igual que en las listas desordenadas.
Atributos opcionales
<ol start="5">
Atributos estandar
Los atributos de eventos
Ejemplo de una lista ordenada:
<ul type="A" start="5" class="lista">
<li> elemento 1 </li>
<li> elemento 2 </li>
<li> elemento 3 </li>
<li> elemento 4 </li>
</ul>
Por último ya solo nos queda ver las listas de definición. Estas si son diferentes. Para crearlas utilizamos las etiquetas <dl>....</dl>, y para los terminos tenemos dos etiquetas, <dt> para el término a definir y <dd> para la definición.
Este tipo de listas tienen los mismos atributos generales y de eventos que los otros dos tipos de listas.
Veamos un ejemplo de como se crea una lista de definición:
<dl>
<dt>termino 1</dt>
<df>definicion 1</df>
<dt>termino 2</dt>
<df>definicion 2</df>
<dt>termino 3</dt>
<df>definicion 3</df>
<dt>termino 4</dt>
<df>definicion 4</df>
</dl>
Gracias, excelente video.
Saludos
de nada, mi idea es reforzar todos los temas con videos, sobre todo para canvas, drag and drop de html5 y sobre todo las css.