Herramientas de usuario

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión		Revisión previa
html [2023/01/19 17:22] – peronhtml [2026/04/21 16:06] (actual) – editor externo 127.0.0.1
Línea 33: Línea 33:
 **Crea un fichero muleto ''[[src.html]]''** introduciendo: **Crea un fichero muleto ''[[src.html]]''** introduciendo:
  
-<code bash>micro ~/public_html/[[src.html]]</code> +<code bash>micro ~/public_html/src.html</code> 
  
 ...y **pégale el siguiente código fuente HTML**, para darle una estructura para fichero en castellano: ...y **pégale el siguiente código fuente HTML**, para darle una estructura para fichero en castellano:
Línea 87: Línea 87:
 | ''<pre></pre>'' | Texto monoespacio. | | ''<pre></pre>'' | Texto monoespacio. |
 | ''<code></code>'' | hace que el texto parezca código fuente. | | ''<code></code>'' | hace que el texto parezca código fuente. |
 +| ''<blockquote></blockquote>'' | Citado |
 | ''<p>'' | Comienza un nuevo párrafo. | | ''<p>'' | Comienza un nuevo párrafo. |
 | ''<br>'' | inserta un salto de línea. | | ''<br>'' | inserta un salto de línea. |
Línea 135: Línea 136:
 <code html> <code html>
 <header>Texto de tu encabezado</header> <header>Texto de tu encabezado</header>
-<section>Texto contenido en una sección</section> +  <section>Texto contenido en una sección</section> 
-<article>Texto de tu artículo</article>+    <article>Texto de tu artículo</article>
 <footer>Pie de página</footer> <footer>Pie de página</footer>
 </code> </code>
Línea 207: Línea 208:
 <code html><a href="https://mi_pagina_web/index.html">La web de ~fulano</a></code> <code html><a href="https://mi_pagina_web/index.html">La web de ~fulano</a></code>
  
-La letra 'a' es la que define que lo que viene a continuación es un enlace. El 'href' significa referencia de hiper-texto y a continuación viene la URL a la que vas a enlazar.+La letra 'a' es la que define que lo que viene a continuación es un enlace. El 'href' significa referencia de hipertexto y a continuación viene la URL a la que vas a enlazar.
  
-Dos cosas importantes que no debes olvidar: el signo = y las comillas dobles.+Dos cosas importantes que no debes olvidar: el signo ''='' y las comillas ''"''.
  
-Luego viene el texto que leerás en el navegador -La web de ~fulano- y finalmente la <code html></a></code> que cierra el enlace.+Luego viene el texto que leerás en el navegador - //La web de ~fulano// - y finalmente la etiqueta <code html></a></code> que cierra el enlace.
  
 Si el archivo enlazado está en la misma carpeta solo hará falta poner el nombre del archivo, sin especificar toda la dirección: Si el archivo enlazado está en la misma carpeta solo hará falta poner el nombre del archivo, sin especificar toda la dirección:
Línea 225: Línea 226:
 El enlace de correo electrónico es igual al enlace explicado recién, solo que cambia la referencia. El enlace de correo electrónico es igual al enlace explicado recién, solo que cambia la referencia.
  
-<code html><a href="mailto:usuario@texto-plano.xyz">Mandame un mail</a>+<code html><a href="mailto:usuario@texto-plano.xyz">Mandame un mail</a></code>
  
-La diferencia está en la palabra mailto: seguida de la dirección de correo electrónico.+La diferencia está en la palabra ''mailto:'' seguida de la dirección de correo electrónico.
 Mailto indica al navegador que debe abrir un mensaje nuevo en la aplicación predeterminada de correo y cargar el campo "para" con la dirección establecida en el enlace. Mailto indica al navegador que debe abrir un mensaje nuevo en la aplicación predeterminada de correo y cargar el campo "para" con la dirección establecida en el enlace.
  
 Podés hacer que el mensaje tenga los campos previamente completados si agregás la información en el enlace. De esa manera el visitante de tu página no tiene más que cliquear el enlace y luego en el botón de enviar, ya que todo estará completo. Podés hacer que el mensaje tenga los campos previamente completados si agregás la información en el enlace. De esa manera el visitante de tu página no tiene más que cliquear el enlace y luego en el botón de enviar, ya que todo estará completo.
  
-<code html><a +<code html> 
-+href="mailto:~usuario@texto-plano.xyz;copia@otro_destino.com&bcc=copiaoculta@ot +<a href="mailto:usuario@texto-plano.xyz;copia@otro_destino.com&bcc=copiaoculta@otro_destino.com&subject="Asunto%20del%20mail&body=Este%20es%20el%20cuerpo%20del%20mensaje">Mandame un mail</a> 
-+ro_destino.com&subject="Asunto%20del%20mail&body=Este%20es%20el%20cuerpo%20del% +</code>
-+20mensaje">Mandame un mail</a></code>+
  
-El símbolo ''&'' separa los diferentes campos: bcc, subject y body. El código ''%20'' reemplaza a la barra ''/''. +El símbolo ''&'' separa los diferentes campos: //bcc//, //subject// y //body//. El código ''%20'' reemplaza a la barra ''/''. 
  
 Se ve complicado a primera vista, pero una vez que pasa la primera impresión podrás ver que es más sencillo de lo que parece. Se ve complicado a primera vista, pero una vez que pasa la primera impresión podrás ver que es más sencillo de lo que parece.
Línea 278: Línea 278:
  
 Los formatos soportados son JPG, GIF (y GIF animados), PNG, SVG, BMP e ICO.  Los formatos soportados son JPG, GIF (y GIF animados), PNG, SVG, BMP e ICO. 
-GIF, PNG y SVG soportan transparencias. (Hablo de pixeles transparentes, no de ropa interior o_O!)+GIF, PNG y SVG soportan transparencias. (Hablo de pixeles transparentes, no de ropa interior ;-)!)
  
 ¿Cómo usar una imagen en vez de un texto para el enlace? ¿Cómo usar una imagen en vez de un texto para el enlace?
Línea 298: Línea 298:
  
 <code bash>acthtml</code> <code bash>acthtml</code>
 +
 +Si lo deseas puedes anunciarlo a través de [[gab]], con un comando similar al siguiente:
 +
 +<code bash>gab -m "Están invitados a mi página web en https://texto-plano.xyz/~$USER"</code>
  
 Existe tanta información sobre HTML en la web que unas pocas búsquedas rápidas deberían poder proporcionar información sobre cualquier tema. Ten en cuenta que gran parte de esta información está dirigida a personas que buscan lo último y lo mejor; no hay nada de malo en eso. Pero tampoco tiene nada de especial. Depende de tí decidir qué se adapta a tus necesidades. Existe tanta información sobre HTML en la web que unas pocas búsquedas rápidas deberían poder proporcionar información sobre cualquier tema. Ten en cuenta que gran parte de esta información está dirigida a personas que buscan lo último y lo mejor; no hay nada de malo en eso. Pero tampoco tiene nada de especial. Depende de tí decidir qué se adapta a tus necesidades.

Este sitio web utiliza cookies para guardar datos esenciales de su actividad, como su autenticación. Al entrar acepta el uso de cookies.

Más información