Html

Nociones basicas de HTML
Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador y el Block de Notas de Windows u otro procesador de texto simple. Los ejemplos de codigo HTML estaran resaltados en color azul, y cuando queremos representar el efecto de un codigo en pantallausaremos un celeste de fondo. HTML se hizo famoso gracias al World Wide Web (WWW), poniendo a disposicion de millones de personas, en todas partes del mundo, informacion y documentos de todo tipo, que contienen imagenes, sonidos y enlaces a otros documentos, asi como tambien muchisima informacion.

Indice: • • • • • Introduccion Estructura de un documento html Algunos tag muy usados Forma detextos • • • • •

Fondos de pagina

Listas Enlaces o Links Imagenes Tablas Frames o Marcos

HTML significa Hypertext Markup Languaje, o lenguaje de marcas de hipertexto. Los ficheros htm(paginas web) son ficheros de texto, y la forma en que este texto aparece en pantalla viene definida por un conjunto de marcas o "tags" La especificacion de estos tags la decide un organismo internacional,aunque ultimamente algunos fabricantes implementan nuevas capacidades a sus navegadores que no son compatibles con el resto. El Navegador distingue a los tags del resto del texto porque van dentro de los simbolos: . Por ejemplo la secuencia hola produce en pantalla hola: El tag indica que el texto debe inclinarse, y para cerrar el tag escribimos Existen muchos tags, pero solo vamos a ver los basicos.Para crear las paginas html solo hace falta un procesador de textos. Ultimamente es posible hacer documentos htm desde programas como Word o Excel, sin embargo, en estas paginas solo usaremos el Block de Notas de Windows, asi tendremos un control total sobre el codigo generado.

Un documento html esta dividido en cabecera (HEAD) y cuerpo (BODY). La cabecera tiene informacion sobre eldocumento, como el titulo, y el cuerpo es donde va el contenido. Podemos verlo sencillamente asi: Nuestra primera pagina Nuestra primera pagina Este es el primer parrafo Este es el segundo parrafo. Veamos linea por linea: : indica el comienzo del documento html : indica el comienzo de la cabecera Nuestra primera pagina: Comienzo del titulo, el titulo, y final de titulo : Final de la cabecera :comienzo del cuerpo del documento Nuestra primera pagina: El tag indica al navegador que el texto debe estar en negrita y con tamaño de letra grande y deja el cursor al comienzo de la linea siguiente. Este es el primer parrafo : El tag indica principio de parrafo : fin de cuerpo del documento : fin de documento html

Hagamos unos cambios en el codigo anterior: Nuestra primera pagina Nuestraprimera pagina Este es el primer parrafo Este es el segundo parrafo. Agregamos dos tags nuevos: • • : Por defecto el texto se alinea siempre a la izquierda. Con este tag le decimos al navegador que todos los elementos entre y deben estar centrados en la pantalla. : sirve para dibujar una linea y coloca el cursor al comienzo de la linea siguiente. Vemos que este tag tiene un modificador oparametro, width=200, que indica que la linea debe tener una longitud de 200 pixels.

Casi todos los tags tienen varios parametros que alteran la forma en que el navegador dibuja la pagina.

En esta pagina vamos a ver los tag mas usados para dar forma al texto: • • • • : Sirve para poner en negrita. Hay que cerrar con . : Para inclinar el texto. Se cierra con . : Coloca el cursor al comienzo dela linea. Hay que diferenciarlo del tag . : Tag de parrafo: Hace un retorno de carro y ademas añade una linea en blanco. Admite parametros: o align="": alinea el texto dentro del parrafo. Por defecto se alinea a la izquierda, y los valores admitidos (dentro de las comillas) son : center, right, left y justify. : Cada navegador usa por defecto un tipo y tamaño de letra determinado. Netscape y...