como crear tu pagina web (en el bloc de notas)
 
como crear tu pagina web (en el bloc de notas)
como crear tu pagina web (en el bloc de notas)
 
Imagen
 
primero abre el bloc de notas desde tu computadora (toda computadora tiene el bloc de notas) solo dale inicio y dale la opcion "ejecutar" y cuando te abra esa opcion escribes "notepad". Lo que te va a aparecer es un cuadro en blanco donde escribiras los codigos y etiquetas que te explicare.
para empezar tienes que saber que para crear tu pagina web desde el bloc de notas hay que saber algunos codigos. recuerda que cada codigo se basa en tags los cuales van encerrados entre estos signos: "<>" ejemplo: <a>, y para cerrar el tag tienes que encerrarlo dentro de los mismos signos solo que al inicio va esta barra / ejemplo: </a>. la pagina empieza siempre con el tag <html> recuerda que todo tag que abras lo tienes que cerrar como te lo explique anteriormente, a excepcion de el tag <p> ese es el unica que puede ser opcional su cierre y <br> que no se cierra.
Luego que esribiste el tag <html> escribes el tag <head> recuerda que cuando escribas estos tags tienes que ponerlos una abajo de el otro no en la misma linea ejemplo:
<html>
<head>
despues de <head> ecribes el tag <title> y adentro de ese tag vas a colocar el nombre de tu pagina que va a ser lo que aparecera en las pestañas del navegador a la hora de abrirla en internet ejemplo:
<html>
<head>
<title> este es solo un ejemplo </title>
</head>
como puedes ver en el ejemplo adentro de el tag <title> escribi el titulo de la pagina y despues del titulo cerre el tag </title> como te lo habia explicado y despues cerre el tag <head> </head>.
Ahora para poner el contenido de tu pagina lo tienes que poner entre los tags <body> y </body> ejemplo:
<html>
<head>
<title>este es solo un ejemplo</title>
</head>
<body>
este es el contenido de mi pagina web
</body>
como vez en contenido de la pagina web lo encerre entre los tags <body> y </body>
para aumentarle color de fondo a tu pagina tienes que poner el codigo bgcolor="el codigo del color que quieras" adentro de el tag body.
ejemplo:
<html>
<head>
<title>este es solo un ejemplo</title>
</head>
<body bgcolor="#00FF00">
este es el contenido de mi pagina web
</body>
si te das cuenta escribi el codigo bgcolor dentro de el tag <body> pero lo escribi de esta manera <body bgcolor="#00FF00"> cerre el otro signo despues de escribir el codigo, si pones el codigo despues de cerrar el signo te aparecera el codigo en el cuerpo de tu pagina y no le pondra el color de fondo que pediste.
Los codigos de colores te los dare mas adelante.
Tambien puedes insertar una imagen de fondo, solo tienes que escribir background="la URL de la imagen que desees poner de fondo" ejemplo:
<html>
<head>
<title>este es solo un ejemplo</title>
</head>
<body background="la URL de la imagen">
este es el contenido de mi pagina web
</body>
si te das cuenta puse el codigo de background igual que el de bgcolor.
ahora para darle algunos efectos a el contenido debes usar estos tags (recuerda que si abres un tag debes cerrarlo hasta donde quieres que llege el efecto):
<i> letra cursiva
ejemplo: la <i>letra</i> es cursiva. solo la palabra "letra" se volvera cursiva.
<b> letra negrita
ejemplo: la <b>letra</b> es negrita. solo la palabra "letra se volvera negrita.
<p> inserta un salto de linea en blanco e inserta un nuevo parrafo
ejemplo: <p align=left> alineara un parrafo a la izquierda. y solo tienes que cambiarle left por right para que lo alinie hacia la derecha.
<br> inserta un salto de linia, pero sin cambiar de parrafo. este marcador no tiene un tag de cierre.

para crear un vinculo con otra pagina tienes que poner lo siguiente:
<a href="URL de la pagina que vas a vinvular"> aqui pones el nombre con el que aparecera el link </a>
como ves este tag se cierra solo con </a> si tienes dudas te invito a ver la pagina que hice con puros links: galeon.com/todoenunsolositio/todoenuno.html
y cuando estes en ella dale click derecho en cualquier parte y oprime la opcion "ver codigo fuente de la pagina" podras ver como insertar el link de la manera que lo explique.
ahora te dije que te daria los codigos de colores pues aqui estan (recuerda que siempre tienes que poner el # numeral para que la computadora pueda leer el codigo):
los codigos se basan en la combinacion de numeros y letras cada codigo consta de 6 numeros o letras:
te doy unos de los colores mas comunes y recuerda que puedes hacer tus propias combinaciones de colores para ver que color te sale:
#000000 negro
#FF0000 rojo puro
#00FF00 verde puro
#0000FF azul puro
#FFFF00 amarillo
#FF00FF morado
#FFFFFF blanco
#129935 verde obscuro
#333333 gris obscuro
#999999 gris claro

recuerda que puedes usar cualquier letra del abecedario para tus codigos.
para poner textos en mvimiento lo puedes hacer asi: encierras el texto que quieras en los tags <marquee> y </marquee> ejemplo:
<marquee>mi pagina web</marquee>
tambien pueder hacer tablas de la siguiente manera:
te doy los tags para la tabla:
<table> inicia la definicion de una tabla se pueden incluir las siguientes propiedades
border=tamaño del borde
width=ancho de la tabla
bgcolor=#color de la tabla.

<tr> define un renglon dentro de la tabla

<td> define una celda en un renglon se pueden incluir las siguientes propiedades:
bgcolor=# color de la celda
colspan= numero de columnas que se combinaran con la celda actual
rowspan= numero de filas que se combinaran con la celda actual.

ejemplo:
<html>
<head>
<title>este es solo un ejemplo</title>
</head>
<body bgcolor="#00FF00">
este es el contenido de mi pagina web
<table border=1 width=400 bgcolor=#FF35CC>
<tr>
<td> celda 1</td>
<td>celda 2</td>
</tr>
<tr>
<td>celda 3</td>
<td>celda 4</td>
</tr>
</body>
con ese codigo te aparecera una tabla con dos columnas y dos filas.

y por ultimo sigue el paso de guardarlo esto es muy importante asi que pon mucha atencion:
le das archivo, guardar como, y lo guardas con cualquier nombre que quieras solo al final le vas a poner ".html" ejemplo:
diego.html
y listo abres tu documento guardado y podras ver tu propia pagina web.
para poder subirla a internet puedes usar varios host te recomiendo el de esta pagina www.galeon.com crea tu cuenta y podras subir tu pagina a internet sin problema.
me puedes mandar tus comentarios u observaciones a mi correo:
diego.andres-96@hotmail.com
 
.
Escríbeme
Me interesa tu opinión