Tecnología

Inicio

Cómo incrustar enlaces en un artículo

June 17

Cómo incrustar enlaces en un artículo


La publicación de artículos en línea a través de su propio sitio web o un servicio de la sumisión del artículo puede ayudarle a compartir sus conocimientos y promocionarse. Para ayudar a los lectores a conocer más sobre los temas que está escribiendo o los llevan a su sitio web personal, va a necesitar ocasionalmente para incrustar enlaces a otras páginas web en su contenido. Hoy en día, puede incrustar enlaces de texto y estilo utilizando el código HTML o un editor WYSIWYG (lo que ves es lo que obtienes) editor.

Instrucciones

Enlaces de texto usando HTML

1 Entrar en el modo de edición HTML de tu artículo o editor de página web. Algunos editores pueden no permitir que se modifique el código HTML y pueden proporcionar un editor WYSIWYG en su lugar. editores WYSIWYG son comúnmente utilizados por los sitios de blogs, como WordPress y Blogger y sitios de envío de artículos para la actualización de las páginas y la presentación de artículos. Ellos le permiten crear contenido sin el uso de HTML.

2 Busque el texto en su artículo que se desea convertir a un enlace. Esto se llama el texto del enlace. Coloque el cursor antes del texto y escriba "URL <a href="full va here">." Esto se llama una etiqueta de apertura en HTML. Utilice la dirección URL completa, incluyendo el "http: //" para especificar la dirección de la página web. Coloque el cursor después del texto del enlace y el tipo "</a>." Esto se llama una etiqueta de cierre. Por ejemplo, para crear un enlace al sitio de Google, se utiliza el siguiente código HTML: <a href="Google&lt;/a"> http://www.google.com "> Google & lt; / a>.

3 Para crear un enlace que se abre en una nueva pestaña o ventana del navegador, escriba "target =" _ blank "después de las comillas de cierre de la URL en la etiqueta de apertura. Por ejemplo, <a href =" http://www.google. com "target =" _ blank "> Google </a>. Si decide no añadir este código, el enlace se abrirá en la misma ventana.

4 Especificar el color del enlace mediante la siguiente sintaxis: <font color = "código de color hexadecimal va aquí"> Enlace de texto </ font>. Por ejemplo, para cambiar el color del texto del enlace "Google" a negro, se utiliza el siguiente código: <a href="&lt;font"> http://www.google.com "> & lt; font color =" 000000 "> Google </ font> </a>.

5 Especificar el tamaño de fuente del texto del enlace con el siguiente código: <font size = número entre 1 y 7 va aquí> Enlace de texto </ font>. Por ejemplo, para cambiar el texto del enlace "Google" para el tamaño de fuente 4, se utiliza el siguiente código: "<a href="&lt;font"> http://www.google.com"> & lt; font size = 4 > Google </ font> </a>. Un tamaño de la fuente 1 es el más pequeño y el tamaño 7 es el más grande. La mayoría de las páginas web se mostrará un tamaño de letra de 3 si el tamaño de la fuente no se ha especificado en el código.

Enlaces de texto usando la barra de herramientas de un editor WYSIWYG

6 Resalta el texto que desea utilizar como texto de enlace. Haga clic en el botón de enlace, que se parece a un eslabón de cadena en la mayoría de los editores, en la barra de herramientas del editor WYSIWYG. Una nueva ventana se abrirá.

7 Escribir o pegar la URL completa de la página que desea vincular en el campo URL, incluyendo el "http: //". Por ejemplo, el siguiente URL es correcta: http://www.google.com. La siguiente URL es incorrecta: www.google.com.

8 Haga clic en Aceptar". El texto del enlace ahora se destacará del resto de su texto y se ven como un enlace activo en el editor WYSIWYG.

9 Estilo del texto del enlace en el editor WYSIWYG resaltándolo y usando las opciones de estilo en la barra de herramientas WYSIWYG. Algunas de las opciones que se pueden ver en la barra de herramientas incluyen color de fuente, que suele ser representado por un subrayado "A", tamaño de fuente y color de fuente. Algunos editores WYSIWYG no pueden proporcionar estas opciones de estilo.

Consejos y advertencias

  • Antes de enviar o publicar sus artículos, comprobar que todos los vínculos son correctos y de trabajo.
  • Utilizar un solo estilo para todos los vínculos, por lo que son fáciles de encontrar.