Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
es:web_development:lists:menus [2022/03/15 08:48] ander [Barra Lateral] |
es:web_development:lists:menus [2023/08/16 09:33] (current) |
* Intenta hacer clic en el enlace. Debería llevarte directamente a tu Historia Divertida jsfiddle. | * Intenta hacer clic en el enlace. Debería llevarte directamente a tu Historia Divertida jsfiddle. |
* Observe que todavía está usando la misma pestaña. Si desea volver a su menú, debe usar el botón 'atrás'. Podemos cambiarlo para que el enlace abra una nueva pestaña. | * Observe que todavía está usando la misma pestaña. Si desea volver a su menú, debe usar el botón 'atrás'. Podemos cambiarlo para que el enlace abra una nueva pestaña. |
<code><li><a href="https://jsfiddle.net/maganthro/xv5bpf06/13/" target="blank">Historia divertida</a></li></code> | <code><li><a href="https://jsfiddle.net/maganthro/xv5bpf06/13/" target="_blank">Historia divertida</a></li></code> |
* El <html>target</html> atributo especifica la pestaña de destino. Puede nombrar sus pestañas para que pueda elegir qué pestaña sobrescribir, pero '_blank' siempre abrirá una nueva pestaña. Intentalo. | * El <html>target</html> atributo especifica la pestaña de destino. Puede nombrar sus pestañas para que pueda elegir qué pestaña sobrescribir, pero '_blank' siempre abrirá una nueva pestaña. Intentalo. |
* El segundo enlace está en el mismo servidor, por lo que no necesitamos escribir todo. Podemos usar una dirección 'relativa' como esta. | * El segundo enlace está en el mismo servidor, por lo que no necesitamos escribir todo. Podemos usar una dirección 'relativa' como esta. |
display: inline; | display: inline; |
}</code> | }</code> |
* <html>display</html> tiene muchas opciones que presentan el elemento como bloque o en línea (o no se muestra) dependiendo de los elementos que los rodean. Al configurar los elementos de nuestra lista, <html>inline</html> es estamos diciendo que se muestren horizontalmente. | * <html>display</html> tiene muchas opciones que presentan el elemento como bloque o en línea (o no se muestra) dependiendo de los elementos que los rodean. Al configurar los elementos de nuestra lista, <html>inline</html> estamos diciendo que se muestren horizontalmente. |
* Abra su 'menu.html' en Live Server y verifique los resultados. | * Abra su 'menu.html' en Live Server y verifique los resultados. |
* Si aún ve las viñetas en su menú, no se ve tan bien, así que eliminémoslas nuevamente. | * Si aún ve las viñetas en su menú, no se ve tan bien, así que eliminémoslas nuevamente. |
| |
==== Codigo Final ==== | ==== Codigo Final ==== |
* [[https://techschool.murraygunn.id.au/webdev/classes/lists/3/es.php|lists.html]] | * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/1/es.php|menu.html]] |
* [[https://techschool.murraygunn.id.au/webdev/classes/lists/3/style.php|style.css]] | * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/1/style.php|style.css]] |
* [[https://techschool.murraygunn.id.au/webdev/classes/lists/3/lists.html|resultado]] | * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/1/menu.html|resultado]] |
| |
[[es:web_development:lists:javascript|Siguiente: JavaScript]] | [[es:web_development:lists:javascript|Siguiente: JavaScript]] |