User Tools

Site Tools


es:web_development:lists:menus

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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)
Line 37: Line 37:
   * 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.
Line 59: Line 59:
     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.
Line 89: Line 89:
  
 ==== 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]]
es/web_development/lists/menus.1647359297.txt.gz · Last modified: 2023/08/16 09:33 (external edit)