You are on page 1of 2

1

GUIA BASICA COMO CREAR UNA PAGINA WEB CON BLOC DE NOTAS USANDO HTML

COMO CREAR UNA PAGINA WEB USANDO BLOC DE NOTAS


Primero abrir un documento en el bloc de notas
En el se debe crear la estructura bsica de la pgina web, esta es:
<html>
<head> <tittle> Titulo de la pgina </tittle> </head>
<body>
Aqu va el contenido de la pgina
</body>
</html>
Una vez hecho esto se guarda el archivo con el siguiente nombre MiPrimerapaginaweb.html

INSERTAR PARRAFOS
<body>
<p> Colocar el texto ac </p>
</body>
Una vez hecho esto grabar y abrir en formato html

INSERTAR LISTAS
<body>
<ul>
<li> Agropecuario
<li> Agroindustria
<li>Artesana
</ul>
</body>

COLORES DE TEXTO
<body>
<p> <Font color = FF00FF> Colocar el texto ac </Font color> </p>
</body>
Por internet se puede buscar la paleta de colores hexadecimales

TIPO DE FUENTE DE TEXTO


<BODY>
<P> <Font face = Arial> Colocar el texto ac </Font > </p>
<P> <Font face = Times New Roman> Colocar el texto ac </Font > </p>
<P> <Font face = Courier New> Colocar el texto ac </Font > </p>
</body>
Se pueden buscar por internet otros tipos de fuente

TAMAO DE FUENTE DE TEXTO


<BODY>
<P> <Font Size = 8> Colocar el texto ac </Font> </p>
<P> <Font size = 20> Colocar el texto ac </Font > </p>
</body>

COLOR, TIPO Y TAMAO DE FUENTE DE TEXTO


<BODY>
<P> <Font color =FF00FF face=Arial Size = 8> Colocar el texto ac </Font> </p>
</body>

COLOCAR UN SALTO DE LINEA


<body>
<p> Colocar el texto ac </p>
<br>
<p> Colocar el texto ac </p>
</body>
2
GUIA BASICA COMO CREAR UNA PAGINA WEB CON BLOC DE NOTAS USANDO HTML
INSERTAR TABLAS
AL INSERTAR UNA TABLA <TR> DEFINE UNA FILA. DENTRO DE ELLA SE DEFINEN LAS COLUMNAS <TD>
<body>
<table bgColor = Red>
<Tr bg color = Blue>
<td> Insertar el contenido de esta celda <td> Se define la columna 1 de la fila 1
<td> Insertar el contenido de esta celda <td> Se define la columna 2 de la fila 1
<td> Insertar el contenido de esta celda <td> Se define la columna 3 de la fila 1 (se pueden definir mas)
</tr> fin de la fila 1
<Tr
<td> Insertar el contenido de esta celda <td> Se define la columna 1 de la fila 2
<td> Insertar el contenido de esta celda <td> Se define la columna 2 de la fila 2
<td> Insertar el contenido de esta celda <td> Se define la columna 3 de la fila 2 (se pueden definir mas)
</tr> fin de la fila 2 (Se pueden definir mas si se desea)
</table> Cierra la tabla, ya no se pueden agregar mas filas ni columnas
</body>

INSERTAR IMGENES A LA PAGINA WEB


<BODY>
<p align = left> <img src=Nombrede imagen.jpg> </p> Inserta una imagen alineada a la izquierda
<p align = right> <img src=Nombrede imagen.jpg> </p> Inserta una imagen alineada a la derecha
<p align = center> <img src=Nombrede imagen.jpg> </p> Inserta una imagen centrada
</body>
Tamao de imagen width="100" height="100"
Movimiento <marquee> </marquee>
Observacin. Este proceso solo resulta si la imagen se encuentra ubicada en la misma carpeta donde se encuentra la
pgina web, de no ser as, se debe escribir la ruta completa donde se encuentra la imagen

INSERTAR SONIDO A LA PAGINA WEB


<BODY>
<bgsound src =Nombredemusica.mp3>
</body>
Si se desea que el sonido se repita indefinidamente, se agrega loop infinite al final de la instruccin, as
<bgsound src =Nombredemusica.mp3 loop infinite>
Si se desea que el sonido se repita un nmero de veces, se agrega loop numero al final de la instruccin, as
<bgsound src =Nombredemusica.mp3 loop 5> Esto repite 5 veces el archivo de sonido

INSERTAR LINK HIPERVINCULOS


<a href = http://www.google.com.ve/ target=_blank> Colocar el texto ac </a>
<a href = http://www.google.com.ve/ target=_top> Colocar el texto ac </a>

You might also like