FAQ's de HTML

tunait · #16 (**permalink**) 06/02/2003, 07:50

p-/ Cómo puedo usar una imagen en lugar del clásico botón para enviar un formulario.

R-/ <input type="image" src="imagen.jpg" border="0" />

rickoe · #17 (**permalink**) 06/02/2003, 16:50

No falta quien que por no saber ASP y/o PHP y/o porque su servidor no soporte esos lenguajes, se pierda de ciertas herramientas que facilitan mucho el diseño de paginas web, principalmente quienes manejan un encabezado y/o pie de pagina fijos, que cuando los tienen que modificar recorren varios archivos modificando uno por uno, afortunadamente existe una herramienta para esas personas, el SSI "Server Side Includes" y entre sus funciones mas usadas existe el INCLUDE

Sintaxis:



y MODO puede ser VIRTUAL o FILE, y "ruta al fichero" es el nombre y ruta del archivo cuyo contenido quieres insertar

En caso de que uses VIRTUAL, la ruta será la dirección absoluta del documento dentro del sistema, y si usas FILE, será una ruta relativa al documento que contiene la sentencia

Ejemplo:



o



Solo hay que tener muy en cuenta que para que esto funcione la extensión del archivo tiene que ser shtml esto para que estas funciones tengan efecto.

Existen muchas mas herramientas SSI que en futuros FAQS mencionare

Saludos

Rickoe

ferny · #18 (**permalink**) 08/02/2003, 03:28

P-/ ¿Cómo puedo indicar el asunto de un email si un usuario pincha en un link mailto?

R-/ No sólo puedes indicar el asunto. También puedes incluso escribir el mensaje que quieres recibir.

- Con esto conseguimos que en el Outlook salga el asunto:

Código:

<a href="mailto:[email protected]?subject=Esto es el asunto ">Email</a>

- Con esto conseguimos que en el Outlook salga el texto:

Código:

<a href="mailto:[email protected]?body=Esto es el texto del mensaje ">Email</a>

- Incluso podemos combinar ambos:

Código:

<a href="mailto:[email protected]?subject=Esto es el asunto&?body=Esto es el texto del mensaje ">Email</a>

Más info y más parámetros, aquí:
http://developer.netscape.com/viewso...to/mailto.html

Espero que os sirva

rickoe · #19 (**permalink**) 08/02/2003, 21:01

En varias ocasiones se ha preguntado como se hacen los emails con formato HTML, He aquí una forma con Outlook Express

Al abrir un mensaje nuevo, en la opción "ver" activa la opción "modificar código fuente"

después elige la pestaña "Origen" y ahí vez el código html

Primero puedes tener hecho el mail como cualquier otra pagina normal y después copias el código ahí en "Origen"

Solo tendrás que cambiar el origen de las imágenes, que no sean c:\Mis Documentos

cambia eso a: http://www.tusitio.com/img/tuimagen.jpg

De lo contrario tendrías que anexar las imágenes al email, y a final de cuentas puede resultar un email muy pesado

Espero que esto les ayude

Saludos

Rickoe

tunait · #20 (**permalink**) 09/02/2003, 07:30

Links Internos

P-/ ¿Cómo realizar un enlace interno? (dentro de la misma página)

R-/ Necesitas primero crear un marcador (ancla) al lugar en donde quieras enlazar.

<a name="nombre"></a>

Luego para linkar a esa parte del documento marcada mediante el ancla creas un enlace llamando al nombre del ancla anteponiendole #

<a href="#nombre"> Enlace </a>

Link a una ancla en otra página

Si se quiere crear un enlace un marcador que se encuentre en otra página crearemos el enlace añadiendo #nombre detrás del documento al que linkamos:

<a href="pagina.html#nombre"> Enlace </a>

t0m|ta · #21 (**permalink**) 13/02/2003, 05:03

Pregunta: ¿Cómo mostrar una aclaración o la definición de una palabra técnica o extraña?

(Relacionado con la FAQ 11)

Respuesta: Utilizando este código, el cursor cambiará al pasar por encima de la palabra en cuestión y se mostará un "tooltip" con la aclaración

Con HTML

Código PHP:

  <html> 

<head> 

<title>info</title> 

<style> 

.info { 

text-decoration:underline; 

border-bottom: 1px dashed #00cc00; 

cursor: help; 

} 

</style> 

 
</head> 

 
<body> 

<span class="info" title="¿A que te mola mi nombre?">t0m|ta</span> 

</body> 

</html>

Con xthml:

Código PHP:

  <html xmlns:sp> 

<head> 

<title> Custom tag example </title> 

<style type="text/css"> 

sp:info { 

  text-decoration:underline; 

  border-bottom: 1px dashed #00cc00; 

  cursor: help; 

} 

</style> 

</head> 

<body> 

<p>1221 es un número<sp:info title="Un número que resulta exactamente igual si lo lees de derecha izquierda o de izquierda a derecha.">capicúa</sp:info>.</p> 

</body> 

</html>

t0m|ta · #22 (**permalink**) 13/02/2003, 05:08

pregunta: ¿Como evitar que al imprimir las páginas, el contenido quede cortado en el borde derecho?

Respuesta:

Evitando incluir elementos de más de 535px.

Aunque en pantalla se vea bien, el límite para una impresora estandard es de 535px.

Tened en cuenta que las anchuras de los elementos situados en celdas de una tabla (en la misma fila) se suman.

Salu2

rickoe · #23 (**permalink**) 17/02/2003, 09:36

Utilizando frames en tu pagina

Ejemplo:

<frameset border="0" cols="125,1*" frameborder="NO" framespacing="0">
<frame bordercolor="#0" name="menu" noresize scrolling="auto" src="menu.htm">
<frameset cols="*" frameborder="NO" rows="94,80%">
<frame frameborder="NO" marginheight="0" marginwidth="0" name="up" noresize scrolling="no" src="superior.htm">
<frame marginheight="0" marginwidth="0" name="principal" noresize src="contenido.htm" ;>
</frameset>

Lo anterior tiene sus pros y contras y más contras, los cuales ya se han explicado en el mismo foro de html

utilizando include en tu pagina

Ejemplo:

<table width="100%" border="1">
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td width="25%"></td>
<td width="75%"></td>
</tr>
</table>

Y esto de los includes trae mucho más beneficios

Solo que al usar include el archivo se tiene que guardar con la extención ".shtml" o ".shtm" solo en el caso de usar HTML al 100%, de usar ASP y/o PHP, la extención puede ser ".asp" y/o ".php" indistintamente.

Espero esto les sea de mucha ayuda

Saludos

Rickoe

CORE · #24 (**permalink**) 28/02/2003, 16:34

<a href="index1.html" accesskey="a">Hola</a>
<a href="index2.html" accesskey="b">Hola</a>
<a href="index3.html" accesskey="c">Hola</a>
<a href="index4.html" accesskey="d">Hola</a>

para que funcione preciona ALT y la letra que corresponde a cada vinculo y depues ENTER

CORE · #25 (**permalink**) 28/02/2003, 16:40

Etuiqueta Title
Esto funciona como el ALT de las imagenes pero en Tablas ,Botones , Textos, etc.

<table title="Texto para descripcion" width="100%" border="0">

<span title="Texto para descripcion">Hola</span>

<input type="submit" name="Submit" title="Texto para descripcion" value="Enviar">

Imagenes de rastreo
<body tracingsrc="Imagen.jpg" tracingopacity="81">

Importando CSS dentro de otra Hoja

@import url(otra_hoja.css);

CORE · #26 (**permalink**) 13/03/2003, 00:32

No Imagen ToolBar en IE6

como quitar la Imagen que sale en IE6 para guardar,imprimir,etc

En toda la pagina

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

Algunas Imagenes

<img src="imagen.gif" GALLERYIMG="no">

Creditos Mis Codigos

Carlitos · #27 (**permalink**) 19/03/2003, 12:51

Texto vertical

P: ¿Cómo poner un texto en vertical? (De arriba a abajo)

R: Utilizando este truquito:

Código:

<textarea cols="1" rows="14"  style="overflow:hidden;border:0" readonly>
texto vertical
</textarea>

Consiste en meter el texto dentro de un textarea de ancho de un caracter (cols=1) y con un alto igual al número de letras del texto en este caso 14 (rows=14).

Créditos: furoya.
Nota del autor: El código está pensado -p. e.- para mostrar texto extraído de un formulario o del título de algún archivo o documento, sólo para que no parezca tan "descolgado".
Mensaje original en: http://www.forosdelweb.com/showthrea...hreadid=111897

Otra forma de poner texto en vertical, se encuentra en la faq 175 de javascript

Nugar · #28 (**permalink**) 30/03/2003, 14:55

- ¿Cómo hago para indicarle al navegador dónde se encuentra un archivo? ¿Qué significan las "." , ".." , "../" , "/", etc?

Una de las razones más frecuentes de fallo al hacer un sitio web es la mala colocación de las rutas, resultando en que alguna imagen sale rota, un menú no quiere salir o un enlace te da 404.

A instancias de tunait, moderadora del Foro de HMTL en Foros del Web, aprovecho la oportunidad para intentar lanzar algo de claridad sobre este tema.

Empecemos:

Cuando uno sube sus archivos a un servidor web, uno está de hecho subiéndolo a una computadora que está en algún lado del planeta. Y como todas las computadoras que conozco, la información que se guarda en ella, está organizada en lo que se conoce como un "árbol de directorios". Este árbol empieza por una raíz y se va ramificando sin límites (bueno, seguro tiene un límite, pero no creo que ni tú ni yo lleguemos a el).

Ahora bien, el servidor web donde subes tus archivos también está organizado en directorios y tu cuenta, sea FTP o de alguna otra clase es un directorio más en el árbol de directorios. Cuando haces una página web, tienes que especificarle al navegador dónde encontrar la información. Le dices *que ruta tomar* para llegar donde está la información.

Es por esto, que a esa información se le llama la ruta. En Windows, si has tenido la oportunidad de utilizar la ventana de comandos o incluso de fijarte en la barra de direcciones del explorador de archivos, verás que una ruta típica es algo asi: C:\Archivos de Programa\mi programa\setup.exe

Esa es la ruta que lleva desde C:\ (directorio raíz) hasta el archivo setup.exe

En UNIX y Linux, no existe C: y se utiliza / como directorio raíz.

Rayitas y Puntitos

¿Pero cómo se entera la computadora en que directorio está entonces algo? ¿Cómo se lo digo? ¡Con rayitas y puntitos!

/ significa el directorio más alto, que puede ser el más alto del servidor o el más alto de tu sitio. Si tienes un sitio que se llame www.tusitio.com, al poner / significa que es lo que se ve inmediatamente que entras al servidor. Es el directorio raiz de tu sitio. Si pones /index.html significa "el archivo index.html que se encuentra en mi directorio raiz". Y la computadora te entiende.

Pero digamos que tienes un subdirectorio que se llama imágenes donde guardas por ejemplo tus imágenes (coincidentemente

). Y digamos que tienes una imagen dentro de ese directorio que se llama... hmmm... figurita.jpg.

Y digamos también que esa imagen aparece en tu página index.html. Para indicarle a tu navegador dónde está, hay dos maneras de hacerlo.

Primero que todo, le dijiste al navegador: mira, vete a www.tusitio.com y mírate /index.html. El ya sabe que está en el directorio raíz. Ahora al abrirse index.html hay una imagen:

<img src="/imagenes/figuritas.jpg">

Lo que le estamos diciendo al navegador es: Ok, ya que estamos en el archivo index.html del directorio raíz, aprovecha y vete al directorio raíz, bajas un escalon al directorio imagenes y dentro de el búscate la imagen figuritas.jpg.

Esto es una ruta absoluta, porque viene descrita desde la raíz: /imagenes/figuritas.jpg

Y la otra manera es poner:

<img src="imagenes/figuritas.jpg">

¡Hey! y el / ??? ¿Ahora cómo sabe el navegador que la imagen está en ese directorio si ya no le dijimos a partir de la raíz? Sencillo: Ya de por sí, index.html "sabe" que está en la raíz y al no ponerle el /, el asume que debe buscar desde ahi mismo hacia abajo. Por tanto, el busca a ver si hay un directorio "imagenes" que este dentro del directorio ene l cual el está ahorita y como en efecto existe, lo encuentra y publica la imagen. Esto se llama ruta relativa. Precisamente porque es relativa al archivo y directorio donde está plasmada.

La importancia de todo esto es que si por casualidad pusiste la ruta relativa y luego decidiste guardar index.html en otro directorio, si no le copiaste el subdirectorio imágenes debajo de el, la imagen no aparecerá. Si pusiste la absoluta si, porque el navegador buscará desde el / para abajo.

Para mayor aclaración: Si pusiste index.html en un directorio "html", el cual está dentro de un directorio "web" el cual está dentro de un directorio "usuarios" la ruta a index.html es /usuarios/web/html/index.html mientras que la de figuritas.jpg sigue siendo /imagenes/figurita.jpg. Si usas la ruta relativa imagenes/figuritas.jpg, el navegador buscaría en: /usuarios/web/html/imagenes/figuritas.jpg y no la va a encontrar. ¿Ves?

Pero me dirás ¿Y los puntitos? ¿Dónde caen el . y el ..?

Bueno, . significa "este mismo directorio" y .. significa "el directorio arriba de mi"

Si te acuerdas de DOS (no se si viviste esa epoca) el comando para ir a un directorio arriba de donde estas era:

cd ..

En unix/linux es exactamente el mismo y cuando pones ../ le estas diciendo llevame a un directorio arriba de este.

Digamos que tienes un archivo fotos.html que se encuentra en tu directorio /imagenes/familia/noviembre/ y que quieres que aparezca en ese archivo la imagene figuritas.jpg, la cual se encuentra en /imagenes. Puedes volver a especificarle /imagenes/figuritas.jpg, o ponerle una ruta relativa de la siguiente manera:

<img src="../../../figuritas.jpg">

En ella le estas diciendo: mira, para llegar a figuritas.jpg subes un escalón a "noviembre", luego otro escalón a "familia", luego otro a "imagenes" y ahi la encuentras.

Como puedes ver es muy fácil.

Antes de terminar, el . significa: aquí mismo, y normalmente se usa en los scripts para informarle al script que busque el archivo en el mismo directorio en que se encuentra el script y no se vaya a ir a un directorio que sea relativo a donde se encuentra el programa que interpreta el script.

Espero que eso te haya servido de algo.

tunait · #29 (**permalink**) 13/04/2003, 12:33

P-/ ¿Cómo puedo tener en mi web un chat, foro, encuesta, noticias, etc??? No tengo ni idea de programación y quiero algo facil y sencillo.

R-/ Una pregunta muy frecuente en el foro de HTML a pesar de que no tiene nada que ver con este lenguaje es la forma de implementar algunos servicios a nuestros sitios web tales como encuestas, estadísticas, foros, chats, cuentaclícks, etc.

Este tipo de servicios precisan del uso de algún lenguaje del lado servidor (ASP, PHP, JSP, CFM, CGI, etc) y existen muchos scripts gratuítos listos para instalar en nuestro servidor. No voy a proponer ningún enlace a estos sitios puesto que yá se pueden encontrar en las FAQs de dichos foros.

No se puede crear ninguno de estos servicios mediante html. Se necesita un lenguaje del lado servidor, así que lo primero que hay que hacer es enterarse de cual de estos lenguajes soporta nuestro servidor y después irse al foro apropiado.

Pero no siempre se tienen conocimientos suficientes como para instalar y configurar una de estas aplicaciones gratuítas o bien nuestro servidor (hosting) no permite el uso de CGIs propios o no soporta ningún lenguaje del lado servidor.
Para estos casos se pueden utilizar estos servicios desde otro servidor que los ofrezca.
Hay que tragar con publicidad, por supuesto, pero no se puede tener todo. Creo que incluso algunos tienen la posibilidad de acogerse a una modalidad de pago en donde no te colocan entonces esa publicidad.
La única complicación que tiene usar estos servicios no es más que añadir unas pocas líneas de código en tu página y enseguida tienes el servicio funcionando.

He recorrido los mensajes buscando las sugerencias que los usuarios han ido haciendo a lo largo del tiempo y he reunido unas cuantas direcciones de tales servicios gratuítos. Si tienes alguna sugerencia hacia algún otro servicio de estos que no aparezcan aquí, puedes sugerirmelo enviandome un mensaje privado.

Si bien no tiene nada que ver con este foro (HTML) sí es una pregunta muy frecuente que vienen a hacer aquí todos.

Cita:

Servicios de Encuestas
Servicios de Buscadores
Servicios de Foros
Servicios de Estadisticas
Servicios de Libros de visitas
Servicios de Envío de formularios
Hosting Gratis
Servicios de Chat
Servicios de Protección de páginas mediante Password
Servicios de "Recomendar a un amigo"
Servicios de Contadores de clicks
Servicios de Noticias
Servicios Varios

tunait · #30 (**permalink**) 13/04/2003, 12:35

www.interrogantes.com
http://www.bannerlandia.com/mejora/encuestas/
http://www.cutandpastescripts.com/
http://www.bravenet.com/samples/minipoll.php
http://es.weborama.com/sondage.php3