Sei sulla pagina 1di 1

Instrucciones: Inicia un nuevo bloc de notas y captura el siguiente código que te permitirá estructurar el

menú de tu proyecto.

<html>
<head>
<title> Menu </title>
</head>

<Body>

<!-- SE CONFIGURAN MARGENES: //-->


<body leftmargin="40" rightmargin="40" topmargin"20" marginwidht="20" marginheight="20">

<!—SE ESTABLECE IMAGEN DE FONDO DE LA PAGINA, el atributo BGPROPERTIES hace que la imagen de fondo no se mueva al
desplazarce por el documento //-->
<body background="nombre de carpeta/nombre de tu imagen" bgproperties="fixed">

<!-- SE ESTABLECE EL ENCABEZADO //-->


<h1 align="center"><font color ="teal" face="Homer Simpson"> Escribe aquí el título principal del tema que elegiste </font></h1>

<!-- SE INSERTA SEPARADOR //-->


<font color="grey" face="Homer Simpson" size="6"><b> Subtemas: </b></font>
<hr align="center" width="100%" size="5" color="#FE2E9A" noshade> <b> Curso Básico de HTML</b>

<br>
<br>
<br>

<!-- SE ESTABLECEN LOS HIPERENLACES: //-->


<a href=" ………………"> <font color="teal" size="4">Escribe aquí tu subtema 1</font></a><br><br><br>
<a href=" ………………"> <font color="teal" size="4"> Escribe aquí tu subtema 2</font></a><br><br><br>
<a href=" ………………"> <font color="teal" size="4"> Escribe aquí tu subtema 3</font></a><br><br><br>
<a href=" ………………"> <font color="teal" size="4"> Escribe aquí tu subtema 4</font></a><br><br><br>
<a href=" ………………"> <font color="teal" size="4"> Escribe aquí tu subtema 5</font></a><br><br><br>
<a href=" ………………"> <font color="teal" size="4"> Escribe aquí tu subtema 6</font></a><br><br><br>

</body> Atención: en esta parte se coloca el nombre de los Nota: la cantidad de hiperenlaces dependerá
</html> archivos html, por el momento solo coloca puntos de los subtemas en que vas a dividir el tema
suspensivos ya que aun no tenemos los archivos. que elegiste.

Guarda el archivo en la carpeta correspondiente con el nombre menu.html

Tu resultado deberá ser similar a lo siguiente:

Potrebbero piacerti anche