Bueno, en esta entrada voy a meter los comandos que se usan en HTML, para poder programar, principalmente, páginas web. Cómo el código fuente que se usa en HTML es bastante amplio, meteré todo en entradas diversas. En principio con 4 ó 5 entradas está todo más que de sobra, para no agobiar con una o dos entradas hasta arriba de comandos y sus funciones. Si puedo meteré un ejemplo de código fuente de una página para que quien quiera la vea, y sepa un poco como hacer la suya.
En esta entrada solo voy a meter comandos básicos, pada dar la forma a la página y cambiarle un poco el aspecto, como el fondo, el color de texto y como definir el tamaño y tipo de letra.
En la segunda entrada, aunque pase a ser algo larga, meto los comandos para variar el formato de texto.
En la tercera, meteré como crear listas, enlaces y meter imágenes.
En la cuarta, mostraré como programar para tener en la página tablas y formularios.
Por último, en la quinta, que tardaré más de un día en colgarla tras la cuarta, meteré un código fuente de una página que yo haré a modo de ejemplo.
En primer lugar, para dar forma al esqueleto de aquello que queramos programar tenemos tan sólo 8 comandos, a saber:
<HTML> : Inicio del documento HTML.
<HEAD> : Inicio de cabecera.
<TITLE> : Título del documento, el que aparecerá en la barra azul de la ventana del explorador, cuandO colgéis el archivo en la red.
</TITLE> : Fin de título de documento.
</HEAD> : Fin de cabecera.
<BODY> : Inicio del cuerpo del docmento.
</BODY> : Fin del cuerpo del documento.
</HTML> : Fin del archivo del documento.
Es importante que si usáis los códigos fuentes que pongo a lo largo de la entrada, los uséis tal cuál vienen, es decir, respetando mayúsculas y minúsculas, porque sino, no os funcionará. ¿De acuerdo?
Ahora paso a poner los dos únicos códigos que os permitirán cambiar el fondo de la página, seguidos de los cuatro que permiten el cambio de color del texto:
BGCOLOR : Color de fondo, va dentro de la etiqueta <BODY>, en la forma: <BODY BGCOLOR="#000000">
BACKGROUND : Para insertar una imagen de fondo. Se sitúa también en la etiqueta <BODY>, de la forma: <BODY BACKGROUND="imagen.jpg">. Si la imagen se coge desde una URL; entonces < BODY BACKGROUND="http://carpeta.es/icono/imagen.gif>. En caso de que la imagen de fondo que queremos no se cargue, siempre tenemos la opción de poner un color de fondo, tal y como ya se ha visto.
TEXT : Para el color del texto.Se mete en la etiqueta <BODY>, en la forma: <BODY TEXT="#RRGGBB">
LINK : Para el color del texto de enlace. <BODY LINK"FFFF00">
VLINK : Para el color del texto de enlace visitado. <BODY VLINK="DAA500">
ALINK : Para el color de enlace activo. <BODY ALINK="0000FF">
Bien, ya sé que esto se os puede estar haciendo pesado, pero ya no queda nada, solo 3 comandos, para comentar, el tamaño de letra y el dimensionamiento relativo:
<BASEFONT=n> : Define por defecto el tamaño de la tipografía del documento (valores de 1 a 7). Se asigna por defecto el 3.
<FONT SIZE=+/-n> Dimensionamiento relativo al tamaño por defecto. Aumenta o disminuye el tamaño de la fuente respecto de la que hemos definido por defecto. (delante de la n hay que poner + o -)
<! Comentarios> : Incluye comentarios del programador, que el usuario de la página web no puede ver.
Bueno, y hasta aquí por ahora. Este fin de semana publicaré una segunda entrada de HTML. Que lo aprovechéis.
En esta entrada solo voy a meter comandos básicos, pada dar la forma a la página y cambiarle un poco el aspecto, como el fondo, el color de texto y como definir el tamaño y tipo de letra.
En la segunda entrada, aunque pase a ser algo larga, meto los comandos para variar el formato de texto.
En la tercera, meteré como crear listas, enlaces y meter imágenes.
En la cuarta, mostraré como programar para tener en la página tablas y formularios.
Por último, en la quinta, que tardaré más de un día en colgarla tras la cuarta, meteré un código fuente de una página que yo haré a modo de ejemplo.
En primer lugar, para dar forma al esqueleto de aquello que queramos programar tenemos tan sólo 8 comandos, a saber:
<HTML> : Inicio del documento HTML.
<HEAD> : Inicio de cabecera.
<TITLE> : Título del documento, el que aparecerá en la barra azul de la ventana del explorador, cuandO colgéis el archivo en la red.
</TITLE> : Fin de título de documento.
</HEAD> : Fin de cabecera.
<BODY> : Inicio del cuerpo del docmento.
</BODY> : Fin del cuerpo del documento.
</HTML> : Fin del archivo del documento.
Es importante que si usáis los códigos fuentes que pongo a lo largo de la entrada, los uséis tal cuál vienen, es decir, respetando mayúsculas y minúsculas, porque sino, no os funcionará. ¿De acuerdo?
Ahora paso a poner los dos únicos códigos que os permitirán cambiar el fondo de la página, seguidos de los cuatro que permiten el cambio de color del texto:
BGCOLOR : Color de fondo, va dentro de la etiqueta <BODY>, en la forma: <BODY BGCOLOR="#000000">
BACKGROUND : Para insertar una imagen de fondo. Se sitúa también en la etiqueta <BODY>, de la forma: <BODY BACKGROUND="imagen.jpg">. Si la imagen se coge desde una URL; entonces < BODY BACKGROUND="http://carpeta.es/icono/imagen.gif>. En caso de que la imagen de fondo que queremos no se cargue, siempre tenemos la opción de poner un color de fondo, tal y como ya se ha visto.
TEXT : Para el color del texto.Se mete en la etiqueta <BODY>, en la forma: <BODY TEXT="#RRGGBB">
LINK : Para el color del texto de enlace. <BODY LINK"FFFF00">
VLINK : Para el color del texto de enlace visitado. <BODY VLINK="DAA500">
ALINK : Para el color de enlace activo. <BODY ALINK="0000FF">
Bien, ya sé que esto se os puede estar haciendo pesado, pero ya no queda nada, solo 3 comandos, para comentar, el tamaño de letra y el dimensionamiento relativo:
<BASEFONT=n> : Define por defecto el tamaño de la tipografía del documento (valores de 1 a 7). Se asigna por defecto el 3.
<FONT SIZE=+/-n> Dimensionamiento relativo al tamaño por defecto. Aumenta o disminuye el tamaño de la fuente respecto de la que hemos definido por defecto. (delante de la n hay que poner + o -)
<! Comentarios> : Incluye comentarios del programador, que el usuario de la página web no puede ver.
Bueno, y hasta aquí por ahora. Este fin de semana publicaré una segunda entrada de HTML. Que lo aprovechéis.
Buena entrada Pablo, creo que también podrías hablar un poco de como conseguir un dominio en internet y cosas así, para tener toda la información necesaria para hacer una web.
ResponderEliminar