es:web_development:lists:menus
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
es:web_development:lists:menus [2022/03/02 13:06] mag [Enlaces] |
es:web_development:lists:menus [2023/08/16 09:33] (current) |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ===== Menús ===== | ===== Menús ===== | ||
| ==== Objetivo ==== | ==== Objetivo ==== | ||
| - | En este actividad, | + | En esta actividad, |
| ==== Configuración ==== | ==== Configuración ==== | ||
| Line 10: | Line 10: | ||
| * Seleccione la nueva carpeta y use Ctrl-N y Ctrl-S para crear un archivo guardado como ' | * Seleccione la nueva carpeta y use Ctrl-N y Ctrl-S para crear un archivo guardado como ' | ||
| * Escriba ' | * Escriba ' | ||
| - | * Introduzca una nueva línea en < | + | * Introduzca una nueva línea en la etiqueta |
| * Cree y guarde un archivo llamado ' | * Cree y guarde un archivo llamado ' | ||
| ==== Barra Lateral ==== | ==== Barra Lateral ==== | ||
| * Muchos sitios web utilizan una barra lateral para la navegación o los enlaces. Es esencialmente una lista de enlaces, por lo que una estructura de lista es más efectiva. | * Muchos sitios web utilizan una barra lateral para la navegación o los enlaces. Es esencialmente una lista de enlaces, por lo que una estructura de lista es más efectiva. | ||
| - | * Vamos a crear una lista de las actividades que hemos hecho hasta ahora. Agregue este código dentro de las etiquetas < | + | * Vamos a crear una lista de las actividades que hemos hecho hasta ahora en el documento ' |
| < | < | ||
| < | < | ||
| Line 35: | Line 35: | ||
| * < | * < | ||
| * Guarde el archivo, ábralo en Live Server y eche un vistazo a la primera línea. Debe estar coloreado y subrayado. El color dependerá de si ha visitado esta página anteriormente en este navegador en esta PC. | * Guarde el archivo, ábralo en Live Server y eche un vistazo a la primera línea. Debe estar coloreado y subrayado. El color dependerá de si ha visitado esta página anteriormente en este navegador en esta PC. | ||
| - | * Intenta hacer clic en el enlace. Debería llevarte directamente a Funny Story jsfiddle. | + | * Intenta hacer clic en el enlace. Debería llevarte directamente a tu Historia Divertida |
| * Observe que todavía está usando la misma pestaña. Si desea volver a su menú, debe usar el botón ' | * Observe que todavía está usando la misma pestaña. Si desea volver a su menú, debe usar el botón ' | ||
| - | < | + | < |
| * El < | * El < | ||
| * El segundo enlace está en el mismo servidor, por lo que no necesitamos escribir todo. Podemos usar una dirección ' | * El segundo enlace está en el mismo servidor, por lo que no necesitamos escribir todo. Podemos usar una dirección ' | ||
| Line 59: | Line 59: | ||
| display: inline; | display: inline; | ||
| }</ | }</ | ||
| - | * < | + | * < |
| * Abra su ' | * Abra su ' | ||
| * 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 87: | Line 87: | ||
| * Es posible que no entiendas todos estos estilos. Veremos el relleno y los bordes en la siguiente lección sobre tablas. De manera similar, veremos diferentes formas de especificar colores más adelante en el curso. | * Es posible que no entiendas todos estos estilos. Veremos el relleno y los bordes en la siguiente lección sobre tablas. De manera similar, veremos diferentes formas de especificar colores más adelante en el curso. | ||
| * Siéntase libre de ajustar algunos de estos valores para ver lo que hacen. | * Siéntase libre de ajustar algunos de estos valores para ver lo que hacen. | ||
| + | |||
| + | ==== Codigo Final ==== | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| [[es: | [[es: | ||
es/web_development/lists/menus.1646255208.txt.gz · Last modified: 2023/08/16 09:33 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
