Este documento proporciona una guía paso a paso para crear una página web básica utilizando el Bloc de Notas. Explica cómo agregar elementos como texto, listas, tablas, imágenes, música de fondo e hipervínculos utilizando códigos HTML simples. La guía contiene 17 pasos con instrucciones y ejemplos de código para cada elemento que se puede agregar a una página web básica.
1. Colegio Luigi Pirandello
David Santiago Masmela García
Camila Alejandra días Gómez
Curso: 6-b
Materia: informática
2014 menú
2. Menú
Paso 1-pagina web
Paso 2-pagina web
Paso 3-pagina web
Paso 4-pagina web
Paso 5-pagina web
Paso 6-pagina web
Paso 7-pagina web
Paso 8-pagina web
Paso 9-pagina web
Paso 10-pagina web
Paso 11-pagina web
Paso 12-pagina web
Paso 13-pagina web
Paso 14-pagina web
Paso 15-pagina web
Paso 16-pagina
web
Paso 17-pagina
web
final-pagina web
3. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
1. : Primero, abrir un bloc de notas desde nuestro explorador de
Windows.
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
4. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
2. : Estructura básica<html><head> <title> Título de mi página
</title> </head><body>Aquí va el contenido de mi página</body>
Pegar los siguientes códigos y luego guardar el archivo
como</html> “miprimerapaginaweb. html”
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
5. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
3. : Insertar párrafos…….. Ingresar el siguiente código en la
sección correspondiente luego<body> grabar y posteriormente abrir
el archivo en <p>Colocar texto </p> formato html. <p>Colocar texto,
Colocar texto, Colocar texto, Colocar texto, Colocar texto, Colocar
texto, Colocar texto, Colocar texto, </p></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
6. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
4. : Insertar listas<body> <body><ul> <ol><li>Agroindustria
<li>Noni<li>Agropecuario <li>Trucha<li>Artesanía <li>Mercurio</ul>
</ol></body> </body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
7. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
5. : Colores del texto<body><p> <font color="#FF00FF"> Colocar
texto </font></p></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
8. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
6. : Tipo de fuente del texto<body><p> <font face=“arial” > Colocar
texto</font></p><p> <font face=“times new roman”> Colocar
texto</font></p><p> <font face=“courier new”> Colocar
texto</font></p></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
9. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
7. : Tamaño del texto<body><p> <font size=“8”> Colocar
texto</font></p><p> <font size=“20”> Colocar
texto</font></p></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
10. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
8. : Tamaño, color y tipo del texto………<body><p> <font
color="#FF00FF" face=“arial” size=“8”> Colocar
texto</font></p><body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
11. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
9. : Salto de línea……..<body> <br><p>Colocar texto
</p><br><p>Colocar texto, Colocar texto, Colocartexto, Colocar
texto, Colocar texto, Colocartexto, Colocar texto, Colocar texto,
</p></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
12. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
10. : <body><TABLE bgcolor=red > <tr> </tr> Define una fila<TR
bgcolor=blue ><TD> 1 </TD><TD> 2 </TD> <td> </td> Define una
columna.<TD> 3 </TD></TR><TR><TD> 4 </TD><TD> 5
</TD><TD> MES </TD> 1 2 3</TR> 4 5 MES</TABLE></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
13. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
11.: <body><P ALIGN=LEFT> <IMG SRC="ideas.jpg"> </P><P
ALIGN=RIGHT> <IMG SRC="ideas.jpg"> </P><P
ALIGN=CENTER> <IMG SRC="ideas.jpg"> </P></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
14. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
12.: <body><BGSOUND SRC=“nombremusica.mp3"></body>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
15. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
13.: Infinitamente<BGSOUND SRC="musica.mp3"
loop=infinite>Repite 5 veces<BGSOUND SRC=" musica.mp3"
loop=5>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
16. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
14.: Link - hipervínculo <a href=“http://www.rpp.com.pe/ "> colocar
texto</a><a href=" http://www.rpp.com.pe/" " target="_blank">
colocar texto </a><a href="http://www.rpp.com.pe/" target="_top">
colocar texto </a>
menú
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
17. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
15.: <body> Pegar aquí el código </body>
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
menú
18. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
16.: <body> Pegar aquí el código </body>
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
menú
19. GUÍA PARA CREAR UNA PÁGINA WEB
USANDO EL BLOC DE NOTAS
17.: <body> Pegar aquí el código </body>
LINK:
http://es.slideshare.net/smezab/crear-una-
pagina-web-con-bloc-de-notas
menú