Hola, me presento, soy nuevo en este magnifico foro, no se preocupen se todo lo que no se debe hacer en un foro, y he leido un articulo para no cometer errores, si no me creen entren a
Para ver este enlace Registrate o Inicia Sesionwww.redee.com
y veran que soy moderador de esa pagina mi nombre alli es flancotirador.
Bueno, no se si ya hicieron un articulo como este, pero como me gusta hacer articulos lo voy a publicar.
Este articulo esta basado en el lenguaje HTML (Hyper Text Markup Lenguaje), bueno aqui no voy a mostrar algo muy complejo ni nada, solo voy a enseñarles lo basico de este magnifico lenguaje...
*********Lenguaje HTML*********El lenguaje HTML (Hyper Text Markup Lenguaje), se basa en los llamados tags.
Tags: Los tags son las palabras clave del lenguaje HTML y generalmente realizan una acción directa sobre el funcionamiento
.
Todos los tags comienzan con el símbolo < y terminan con el símbolo >. A diferencia de otros lenguajes de programación, HTML, no es sensible a la mayúscula, por lo que <TITLE> será interpetrado igual que <title>.
Por ultimo, cabe destacar que todos los tags HTML deben ser cerrados escribiendo el nombre del tag procediendo por una barra / al final de la estructura. Un ejemplo de tag sencillo es el siguiente:
<H1>Este ejemplo es para poner el titulo</H1>
Como pueden apreciar, en la línea anterior se cumplen todos los requisitos para el correcto funcionamiento del código HTML. <H1> es un tag que permite escribir algo en pantalla con formateo de titular principal. Una vez que escribimos el titulo, cerramos el tag con la misma etiqueta procedida de una barra. De esta forma, el procesador de HTML, sabe que ya no debe escribir en pantalla con formato de titulo.
Todos los documentos HTML, deben contener una estructura básica que consta de un encabezado y cierre de datos (Figura 1). Esta estructura es la siguiente:
<html>
<head>
<title>Comunidad Computer Shelter</title>
</head>
<body>
<h1>Computer Shelter</h1>
</body>
</html>
Nota:Para que esto sea visible en una "pagina de Internet" te recomiendo que lo hagas en el bloc de notas, cuando lo estés por guardar, pon el nombre que quieras (Ejemplo: Gasti.html) el puntos y las letras HTML siempre deben estar al final del nombre de tu documentos, para que luego sea visible en una pagina.
La primera línea de este código comienza con el tag <html>, que permite identificar ese archivo como un documento HTML. Este tag debe ser cerrado al final del archivo: </html>
En la segunda línea se define el comienzo de una estructura (<head>) de datos que formaran parte de el encabezado del documento. En esta sección se puede definir el titulo de la página, los colores, las imágenes de fondo, etc. Esta estructura debe ser cerrada una vez que se han hecho todas las definiciones principales. En el caso del ejemplo, simplemente definimos el titular de nuestra página Web.
Por ultimo, todo el contenido, de nuestro documento HTML, debe ir encerrado en la estructura <body>, la cual tiene que figurar siempre después del tag </html>, y ha de ser cerrada en cuanto se termina de escribir la ultima línea de la pagina Web.
En la ultima línea cerraremos el archivo HTML, con el tag </html>. Intente recordar esta estructura básica, ya que esencial para el desarrollo de una pagina Web.
Encabezados:Los encabezados son tags que permiten escribir diferentes niveles de títulos y subtítulos. Disponemos de seis niveles de distintos tamaños. Para definir un encabezado, comience la estructura con el tag <Hx> (donde "x" es un numero del 0 al 6), y finalícela con </Hx>. Un ejemplo es el siguiente:
<h1>Titulo 1</h1>
<h2>Titulo 2</h2>
<h3>Titulo 3</h3>
<h4>Titulo 4</h4>
<h5>Titulo 5</h5>
<h6>Titulo 6</h6>
En el bloc de notas debe lucir como la figura 2.
Recuerda cerrar siempre el tag correspondient
e al estilo de tipografía. En caso contrario, el navegador mostrara todo lo que siga a continuación de esa línea con el mismo estilo. Estos son los diferentes estilos que pueden utilizar en su
documento:Tag Estilo
<B> Negrita
<U> Texto subrayado
<I> Cursiva
<S> Texto tachado
<Blink> Texto intermitente
Listado:Podemos escribir listados de ítems de manera muy sencilla. Si queremos que estén uno debajo del otro, sin numeración, deberemos comenzar con la estructura <L1> y luego cerrar la estructura. El siguiente ejemplo sencillo:
<UL>
<L1>Item 1
<L1>Item 2
<L1>Item 3
<L1>Item 4
<L1>Item 5
</UL>
Si queremos utilizar una lista numerada, deberemos emplear la estructura <OL>. Esta funciona del mismo modo que la utilizada en el ejemplo anterior:
<OL>
<L1>Item 1
<L1>Item 2
<L1>Item 3
<L1>Item 4
<L1>Item 5
</OL>
Creación de hipervínculos: Ahora que sabemos formatear el texto de nuestra página Web de manera general, podemos hacer uso de herramientas mucho más poderosas, como los hipervínculos. Estos simplemente nos permiten redirigir el navegador hacia otra pagina Web, que puede estar localizada en nuestro propio servidor o no.
Para crear un hipervínculo, utilice la siguiente estructura:
<A HREF=”la dirección del nuevo documento”>Descripción[/url]
Luego del símbolo = se define la URL, completa al documento que se quiere apuntar y se detalla una pequeña descripción para el usuario. El siguiente es un ejemplo mas elaborado:
<html>
<head>
<title>Pagina Web</title>
</head>
<body>
<H1>Usted Decide</H1>
¿Quieres realizar una búsqueda?, entonces decida cual le parece mejor para buscar lo que quiere.
<p>
<A HREF=”http//:www.yahoo.com>El buscador Yahoo[/url]
<p>
<A HREF=”http//:altavista.com”>El buscador Alta Vista[/url]
</body>
</html>
Creación de formularios básicos: Seguramente se habrá preguntado: “¿Para que quiero yo crear mis paginas HTML a mano, si existen cientos de herramientas que funcionan de forma automática?”.La respuesta es muy sencilla. Cuando desarrollamos aplicaciones CGI (en Perl, por ejemplo), muchas veces es necesario mostrar el resultado de un proceso en el browser del cliente. Dicho resultado puede que no siempre sea el mismo. Por lo tanto, crear una pagina HTML y mostrarle desde el programa en Perl no es una buena idea. En consecuencias, debemos crear la pagina HTML dentro del código Perl para que su contenido pueda ser modificado desde el mismo programa. Esto debe hacerse “artesanalmente”.
El recurso más utilizado para la creación de programas CGI son los formularios. Seguramente, más de una vez se habrá encontrado con páginas en las que debe ingresar algún tipo de información para obtener un resultado (los buscadores, por ejemplo). Esas páginas están basadas en tags que generan formularios.
Estos están creados dentro del código HTML y son conectados con programas que corren en el servidor, que funcionan en base los datos ingresados. Un buscador, por ejemplo es una pagina HTML que contiene definido un formulario en el que el usuario debe ingresar sus palabras clave. Una vez que el usuario presiona el botón Buscar, la pagina HTML se “conecta” con un programa llamado CGI (Common Gateway Interfase), que procesa los datos ingresados en el formulario y devuelve los resultados de la búsqueda. ¿Demasiado complejo? Vea el siguiente código HTML:
<html>
<head>
<title>Simple GNUSearch page </title>
</head>
<body>
<from action=”/cgi-bin/proceso.cgi” name=”test” method=”POST”>
<input type=”text” name=”Quero”>
<input type=”submit”>
</from>
</body>
</html>
Las tres líneas en negrita corresponden a la definición de un formulario que presenta una caja de texto y un botón que contiene el mensaje Enviar. Analizaremos cada una de ellas en las siguientes secciones.
Conectar el formulario con el programa CGI:
Para crear un formulario debemos definir básicamente dos valores. El primero de ellos es la ruta completa al programa que procesara los datos ingresados en el formulario. El segundo valor corresponde al método que utilizaremos para enviar los datos al programa. El procedimiento mas usado es POST, que consiste en enviar todos los datos codificados al programa CGI mediante la entrada estándar del mismo (STDIN).
Para comenzar a definir un formulario, emplearemos el siguiente anunciado:
<form action=”/ruta/al/programa” name=”nombre” method=”POST”>
Una vez definido el formulario, podemos crear todos los elementos que sean necesarios para el ingreso de datos por parte del usuario. Finalmente, cerramos la estructura del formulario con el tag </FORM>
Cajas de texto: Uno de los componentes más utilizados de todos los formularios son cajas de texto. Estas permiten que el usuario ingrese una cadena de caracteres como datos por el programa CGI. Esta cadena de caracteres es procesada por medio de una codificación especial. Explicaremos esto con un ejemplo sencillo. Si el usuario escribe:”Hola Mundo”, el programa CGI obtendrá la cadena como:
nombre_del_tex
tbox=Hola+Mundo
Nótese el símbolo + entre las dos palabras. La codificación URL cambia todos los espacios por símbolos +, los cuales deberán se suprimidos dentro del programa CGI.
Para definir una caja de texto utilizados el siguiente enunciado:
<input type=”text” name=”nombre_del_textbox”>
Es necesario que introduzca nombres descriptivos en la sección name, ya que le serán útiles durante la generación del programa CGI.
Botones: Los botones nos permiten enviar los datos del formulario al programa CGI. Para definirlos, utilizaremos el siguiente enunciado:
<input type=”submit”>
El contenido de todo el formulario será automáticamente enviado al programa CGI mediante la codificación URL.
Podemos suprimir la cadena submit por reset para obtener un boton que borre todos los datos del formulario. Asi se ve un formulario sencillo con una caja de
texto y un boton de envio: Explicar todos los tags HTML, para la generación de formularios excede de los límites de este libro. El objetivo de este capitulo ha sido introducir al lector en el desarrollo de pagina HTML. En el siguiente, aprenderemos a crear nuestros primeros programas CGI.
Saludos
P/D: este articulo fue resumido con mis palabras de
Para ver este enlace Registrate o Inicia Sesionwww.tectimes.c om
Autor