Crear una pagina web con bloc de notas
•
175 j'aime•329,854 vues
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.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Similaire à Crear una pagina web con bloc de notas
Similaire à Crear una pagina web con bloc de notas (20)
Plus de Sandra Meza
Plus de Sandra Meza (14)
Dernier
Dernier (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