Akalava
Usuario (Argentina)
Bueno este es un pequeño tuto de creación de paginas web en HTML empecemos: toda esta guía esta armada para escribir dentro de el bloc de notas. HTML Hypertext Markup Languaje El HTML es mas una codificación que un lenguaje de programación. Su estructura básica es tan simple que cualquier persona sin principios en programación puede aprenderlo con gran facilidad. Para comenzar debemos saber que el HTML utiliza una codificación genérica, la cual hace uso de TAGS o etiquetas. La manera de armar una etiqueta o tag es esta < ese signo abre la etiqueta >este cierra la etiqueta dentro de los 2 signos se coloca el nombre <Aquí en nombre>. para cerrar la etiqueta se hace lo mismo solo que poniendo una barra antes </aquí el nombre de la etiqueta> suponiendo que utilizamos la etiqueta title que es para ponerle titulo a la pagina esto seria así <title>este es el titulo de mi pagina</title> Mediante estas etiquetas es posible separar el contenido del documento de su formato. Los TAGS son comandos que se especifican en el cuerpo del programa, con el fin de darle las características deseadas a la información. Toda página Web debe contener la siguiente estructura: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> Esta es mi primera página Web</BODY> </HTML> La etiqueta <HTML> le indica al visualizador (explorador que puede ser Explorer , Mozilla , etc.) que va a comenzar a leer un documento HTML y se debe colocar siempre al comienzo y al fin del texto. La etiqueta <HEAD> indica un encabezado, dentro del cual se coloca información como el título, el cual debe estar contenido entre la etiqueta <TITLE> Entre la etiqueta <BODY> va el cuerpo del documento, el cual es lo que realmente vemos en el Web. Para comenzar a escribir un documento, es importante tener en cuenta que el lenguaje HTML no distingue mas de un espacio entre caracteres y se olvida de cualquier formato que se le de al texto (negrilla, cursiva, tipo de letra, entre otras). Recordemos que para esto es que se creó el HTML, toda presentación final debe ser proporcionada mediante las etiquetas. Cada etiqueta, con excepción de unas cuantas, le debe indicar al visualizador cuando finaliza, para lo cual se utiliza </TAG>, donde TAG es puede ser cualquier etiqueta. De esta manera indicamos cuando comienza y termina el encabezado, el título, el cuerpo y el documento HTML. Tablas con las tablas lo que vamos a lograr es dar una forma a la pagina En general las tablas pueden ser sin borde o con borde. La tabla sin borde es quizás la herramienta más útil en la codificación HTML, pues a través de ellas podemos organizar nuestro documento como lo deseemos, teniendo en cuenta que el HTML no entiende mas de un espacio, La tabla con borde es útil para desplegar tablas de contenido, resúmenes, cuadros de atención, entre otras. Pero qué es una tabla?: es un conjunto rectangular de filas y columnas que aparecen en su pantalla. ESTRUCTURA BÁSICA DE LAS TABLAS <TABLE BORDER="Número entre 0 y 7"> <CAPTION ALIGN=TOP ó BOTTOM>; Aquí va el texto del título</CAPTION> <TR> <TD>Primera fila, primera columna</TD> <TD>Primera fila, segunda columna</TD> <TD>Primera fila, tercera columna</TD> .......... </TR> <TD>Segunda fila, primera columna</TD> <TD>Segunda fila, primera columna</TD> <TD>Segunda fila, primera columna</TD> .......... </TR> etc. </TABLE> Notas: El número que se designa en la etiqueta <TABLE BORDER="Número entre 0 y 7"> determina el ancho del borde de la tabla. Este número puede estar entre 0 y 7. Se preguntarán que significa la etiqueta <CAPTION ALIGN=TOP ó BOTTOM>; Aquí va el texto del título</CAPTION>. Simplemente da la posibilidad de colocarle un título a la tabla, bien sea en la parte superior (TOP) o en la parte inferior (BOTTOM). Agregar imágenes Las páginas en el Web no deben estar llenas de texto por todos lados pues esto hace que los surfeadores se aburran de verlas y como resultado obtendrán una página que nunca es visitada. Una herramienta muy útil para hacer de las páginas un documento llamativo y amigable es hacer uso de imágenes relacionadas con el texto al que se esta haciendo referencia. ¿Se imaginan una valla publicitaria sin ningún tipo de imagen ? También es muy importante una excelente combinación de colores de fondo y de texto, con el fin de hacer que la página sea lo mas leíble posible. Es en este punto donde entra a jugar la creatividad del diseñador. Para colocar una imagen en una página basta con llamarla desde el documento HTML Lo primero es diseñar el gráfico deseado en cualquier programa de dibujo como el Corel Draw o el Adobe Photoshop, luego se debe convertir a cualquiera de los formatos aceptados por el lenguaje HTML (GIF y JPEG). La estructura es la siguiente : <IMG SRC= "Nombre del archivo" > Donde "Nombre del archivo" es el nombre del archivo de gráfico que desea desplegar.el nombre tiene que ser completo debe tener la extensión ya sea .jpg , .png etc y la dirección donde se encuentre el archivo C:mi foto.jpg agregando links o hipervínculos para generar un link o hipervínculo utilizamos la etiqueta <A href>y para cerrar </a> la etiqueta de el link o hipervínculo deberá estar compuesta así <A HREF =url o dirección de el archivo que queramos que abra puede ser otra pagina >aqui va al palabra que va a contener a el link</a> Bueno esto es todo por ahora .Solamente no se olviden de cerrar el documento de texto y guardarlo como .html después seguramente subiré mas guías con etiquetas que permitan modificar el texto imágenes y demás cosas suerte salu2 Y comenten Pd: Acepto todo tipo de criticas y responderé todas las peguntas que estén a mi alcance