Crear una pagina web con bloc de notas
•
175 likes•329,851 views
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 y hipervínculos utilizando códigos HTML simples. El objetivo es crear una página web funcional sin necesidad de conocimientos avanzados de programación.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Crear una pagina web con bloc de notas
Similar to Crear una pagina web con bloc de notas (20)
More from Sandra Meza
More from Sandra Meza (14)
Recently uploaded
Recently uploaded (20)
Crear una pagina web con bloc de notas
- 1. GUÍA PARA CREAR UNA PÁGINA WEB USANDO EL BLOC DE NOTAS www.sandrameza.net
- 2. Primero, abrir un bloc de notas desde nuestro explorador de Windows. www.sandrameza.net
- 3. 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” www.sandrameza.net
- 4. 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> ……. www.sandrameza.net
- 5. Insertar listas <body> <body> <ul> <ol> <li>Agroindustria <li>Noni <li>Agropecuario <li>Trucha <li>Artesanía <li>Mercurio </ul> </ol> </body> </body> www.sandrameza.net
- 6. Colores del texto <body> <p> <font color="#FF00FF"> Colocar texto </font></p> </body> Busca en internet paleta de colores hexadecimales www.sandrameza.net
- 7. 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> Busca en internet tipos de fuentes www.sandrameza.net
- 8. Tamaño del texto <body> <p> <font size=“8”> Colocar texto</font></p> <p> <font size=“20”> Colocar texto</font></p> </body> www.sandrameza.net
- 9. Tamaño, color y tipo del texto ……… <body> <p> <font color="#FF00FF" face=“arial” size=“8”> Colocar texto</font></p> <body> ……… www.sandrameza.net
- 10. Salto de línea …….. <body> <br> <p>Colocar texto </p> <br> <p>Colocar texto, Colocar texto, Colocar texto, Colocar texto, Colocar texto, Colocar texto, Colocar texto, Colocar texto, </p> </body> ……. www.sandrameza.net
- 11. ……… <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> ……… www.sandrameza.net
- 12. ……… <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> ……… www.sandrameza.net
- 14. Infinitamente <BGSOUND SRC="musica.mp3" loop=infinite> Repite 5 veces <BGSOUND SRC=" musica.mp3" loop=5> www.sandrameza.net
- 15. 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> www.sandrameza.net
- 16. ……… <body> Pegar aquí el código </body> ……… www.sandrameza.net
- 17. ……… <body> Pegar aquí el código </body> ……… www.sandrameza.net
- 18. ……… <body> Pegar aquí el código </body> ……… www.sandrameza.net
- 19. Listo, espero te haya servido este pequeño tutorial. Puedes encontrar mas recursos visitando www.sandrameza.net www.sandrameza.net