Apuntes Html

CREACIÓN DE PÁGINAS EN HTML

Abreviatura de hipertext Markup Lenguaje o lenguaje de marcas de hipertexto. Html es un lenguaje con el que se diseñan las páginas web. ¿Qué se puede hacer con este lenguaje? Por ejemplo determinar en que lugar del documento se deben de ver las imágenes, los textos o los gráficos. También se puede dar formato a los textos (tipo, color y tamaño de la fuente). Todoslos archivos de las páginas web tienen extensión .html ó htm. Las instrucciones (tags) de este lenguaje siempre empiezan con el signo < y terminan con > (la instrucción aparece entre estos dos símbolos). Las instrucciones y sirven para el principio y el final del documento (todas las ordenes acaban con el mismo nombre pero añadiendo la barra /). El conjunto de instrucciones de un programa (códigofuente), en este caso de una página web, se puede ver prácticamente en cualquier página que visites en internet. Si abrimos una página, debajo de la fachada de la página se esconden muchas instrucciones, que podrás ver si pinchas en ver código fuente (en el navegador). Para escribir un código fuente es suficiente un sencillo editor de texto, como por ejemplo el de bloc de notas. Para comprobarque esta bien y lógicamente para ver la página necesitaras un navegador, y para colgarla en la red tienes que disponer de conexión a internet, de espacio en un servidor web, y del software necesario para enviarle los archivos (programa de transferencia de archivos FTP).

Para empezar abrimos el editor de textos (inicio, ejecutar y escribir notepad). Empecemos a escribir el código fuente: EjemploNº1

Esta es mi página web

¡Muy buenas! ¡Vamos hacer una página web!

Vamos analizar un poco el programa. Entre la instrucción head está la cabecera de la página, en ella se introduce información que normalmente no aparece al visualizarla (solo información para la persona que trabaje con el programa) y también entre title se pone el nombre de la página que luego aparecerá en la barra detítulo de la ventana del navegador. El cuerpo de la página, es decir el texto que aparecerá en la página se pone con la orden body . Ahora guarda el documento con extensión .html en el disco duro y ábrelo. Se visualizará lo que hiciste en el navegador. Para modificarla sin que se abra el navegador, botón derecho abrir con, bloc de notas. El código da igual en mayúsculas que en minúsculas.

Otrasórdenes:

Br cuando quieras introducir un salto de línea (no hace falta /br)
P delimita un párrafo. Se ocupa de que los textos mas largos se dividan automáticamente (hace los cambios de línea de un párrafo automáticamente).La longitud de la línea queda definida por el ancho de la ventana.
H1 resalta titulares. El tamaño del titular se controla con el número (h3 la línea será mas pequeña. Hayhasta el 6).
Hr nos pondrá una línea donde la pongamos que ocupará toda la página. No hace falta poner la instrucción final (con barra /).Si va seguido de width =30% la línea ocupará el 30%. Si le sigue size=10 especificamos el grosor. Ejemplo
Align= después del igual puede ir center para centrar, right para alinear a la parte derecha y left para alinear a la izquierda. Ejemplo: alineará elpárrafo centrándolo. . Para el color de la línea font color=”green” (ver más adelante font)
tamaño de letra. A mayor número mayor la letra.
Ul para empezar una lista de palabras. Cada palabra de la lista va con la órden li. Ejemplo:

manzanas Hacer lo mismo pero con la etiqueta
platanos

aparecerán las dos palabra con una viñeta cada una de un punto.
Con la orden ol en vez de ulaparecerá una lista numerada.
lo que se ponga entre las dos órdenes aparecerá subrayado.
texto centrado
texto en negrita. cursiva.
subíndice. Ejem H2O resultado H2O. Con SUP sería superíndice.
Para tipo, tamaño y color de letra (también para las líneas) se empieza por font.
Con se modifica la fuente del texto que viene a continuación hasta la órden . Si no se pone esta última...