Crear una pagina web con bloc de notas

201,448 views
200,216 views

Published on

Crear una pagina web con bloc de notas

Published in: Education
9 Comments
122 Likes
Statistics
Notes
No Downloads
Views
Total views
201,448
On SlideShare
0
From Embeds
0
Number of Embeds
3,027
Actions
Shares
0
Downloads
0
Comments
9
Likes
122
Embeds 0
No embeds

No notes for slide

Crear una pagina web con bloc de notas

  1. 1. GUÍA PARA CREAR UNA PÁGINA WEB USANDO EL BLOC DE NOTASwww.sandrameza.net
  2. 2. Primero, abrir un bloc de notas desde nuestro explorador de Windows.www.sandrameza.net
  3. 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. 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. 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. 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. 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. 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. 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. 10. 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>……. www.sandrameza.net
  11. 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. 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
  13. 13. ………<body><BGSOUND SRC=“nombremusica.mp3"></body>……… www.sandrameza.net
  14. 14. Infinitamente<BGSOUND SRC="musica.mp3" loop=infinite>Repite 5 veces<BGSOUND SRC=" musica.mp3" loop=5>www.sandrameza.net
  15. 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. 16. ……… <body> Pegar aquí el código </body> ………www.sandrameza.net
  17. 17. ……… <body> Pegar aquí el código </body> ………www.sandrameza.net
  18. 18. ……… <body> Pegar aquí el código </body> ………www.sandrameza.net
  19. 19. Listo, espero te haya servido este pequeño tutorial. Puedes encontrar mas recursos visitando www.sandrameza.netwww.sandrameza.net

×