Añadir a favoritos Haznos tu Inicio   Principal   Consejos   Nuestro Mail

Información de Términos y Procesos...

Colabora con tus códigos o sugerencias...

Anúnciate aquí o Intercambiar con nosotros...

Consejos para crear tus págimas...

Links interesantes y curiosas a visitar...

Buscar un tema o relacionado con el....
 

   Selección

 Principal
 Acciones
 Barra Estado
 Efectos
 Imágenes
 Plantillas
 Recuadros
 Ventanas
 Vínculos
 Juegos HTM
 Varios
 Nuevos Códigos
 Teclas-Abrev

  Otros Temas

 Foro
 Informar error
 Buscar
 WebMaster
 Consejos
 Información
 Intercambio
 Web Colegas
 Links
 Iniciados
 Nuestro Mail

 

 

 

 

 

 

 

FORO DE YoMaster. Nuestro Nuevo Foro, colabora con nosotros..........

 

Información de HTML para iniciados.

Información General.

<<< Direcciones con información para WebMaster >>>

   Intentaré explicarlo lo mas sencillo que pueda (a mi manera) y tened en cuenta que no soy un entendido en el tema.

   Antes de nada quiero comentaros que utilizo el FrontPage del Office 2000 para crear las páginas. Existen otros programas similares a este este, algunos serán mejores y otros no tanto pero yo me apaño con este. Con esto quiero decir que algunos de los pasos a seguir serán sobre este programa. Supongo que en otros programas serán iguales o similares.

   La página que construyamos se pueden visualizar de tres maneras: Normal, HTML y Vista previa:

- Normal: es donde se verá la página tal y como se verá en el Explorer mas o menos. Aquí pondremos el texto, las imágenes, etc... .

   Cuando insertes las cosas podrás comprobar en la vista HTML que aparecerán símbolos y palabrejas incluso en Ingles que no habíamos puesto en vista Normal. Esto es debido a que el programa en cuestión lo hace automáticamente el solo. También tiene algunos efectos con asistente (como la barra de herramientas DHTML) que nos ayudarán a crear la página sin tener que saber escribir HTML.

   Sin embargo, para crear otros efectos, menús, formularios, buscas, comandos, etc..., si que necesitemos saber escribir en HTML, JavaScript y otros.El programa no nos puede ayudar a todo lo demás y por este motivo, os ofrecemos en esta Web los códigos para que los copiéis, peguéis y donde aplicarlos sin tener que saber de HTML.

- HTML: es donde está todo el contenido de la página con el lenguaje HTML y algunos códigos se deben de aplicar aquí dentro.

- Vista previa: es donde podemos visualizar la página como si fuese en el Explorer, donde veremos las imágenes en movimiento, los efectos insertados, etc...En mi caso, no se ve exactamente igual y por ello prefiero verlo en el Explorer en "Vista previa en el Explorador" esta opción la tendréis en la barra de herramientas en un icono o en los comandos "Archivo" + "Vista previa en el Explorador".

   A continuación, tenéis mas información sobre el tema que proviene de una Web muy interesante que explica mas técnicamente y profesionalmente esto del HTML.

 

Para mas información sobre este tema, visita la WebMaestro:

Esta información fue recogida de esta Web

http://www.wmaestro.com 

   El principio esencial del lenguaje HTML (Hyper Text Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:

<XXX> Este es el inicio de una etiqueta.
</XXX> Este es el cierre de una etiqueta.

   Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Por claridad, se usarán en este manual solamente las mayúsculas.

   Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>:

<HTML> [Todo el documento] </HTML>

  El documento en sí está dividido en dos zonas principales: 

  • El encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD>
  • El cuerpo, comprendido entre las etiquetas <BODY> y </BODY>
  Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).

   Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)

   Por tanto, la estructura queda de esta manera:

<HTML>
<HEAD>
<TITLE> Título de la página </TITLE>
</HEAD>
<BODY>
[Aquí van las etiquetas que visualizan la página]
</BODY>
</HTML>

   Antes de crear nuestra primera página, unas consideraciones sobre el texto: Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta <P>, (que no tiene su correspondiente etiqueta de cierre </P>) 

   El texto puede tener unas cabeceras, comprendidas entre las etiquetas <H1> y </H1>, <H2> y </H2>, etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1. Puedes experimentar en el ejemplo que sigue, cambiando el número para comprobar el efecto que se logra. 

   Una etiqueta muy interesante es la de centrado <CENTER> y </CENTER> (no la soportan todos los navegadores, aunque sí la mayoría de ellos). Nos centra todo lo que esté dentro de ella, ya sea texto, imágenes, etc.

   También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta <HR> (no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a continuación:

Para mas información sobre este tema, visita la WebMaestro:

Esta información fue recogida de esta Web

http://www.wmaestro.com

 

<<< Direcciones con información para WebMaster >>>

   En resumen, la cuestión es que hay tres partes principales:

- <html> </html> : es donde está todo el contenido de la página incluso los códigos que ofrecemos. En algunos pocos casos (muy pocos) se precisa poner el código fuera de ellos.

- <head< </head> : es donde está la información sobre la página, como el título, autor, palabras metas para que nos encuentren en los buscadores que nos anunciemos, mail, etc... y también algunos códigos o parte de ellos. Para insertar un código dentro del <head> situa el cursor a la izquierda del último </head> que tendrá la barra inclinada y dale al intro, se creará una nueva línea en blanco, es aquí donde pegarás el código.

- <body> </body> : es donde se coloca todo lo que insertemos en vista "Normal", texto, imágenes, etc... En algunos casos, ciertos códigos no se insertan bien desde la vista "Normal" con "Pegado especial" + "Tratar como HTML" y se deben de insertar desde la vista "HTML"  (mas información mas información sobre el tema aquí............).

Aquí tenéis unos consejos que os ayudarán. mas consejos útiles.................

 mas información 

<<< Direcciones con información para WebMaster >>>