{"id":133,"date":"2024-05-21T08:51:24","date_gmt":"2024-05-21T06:51:24","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=133"},"modified":"2024-05-21T08:51:24","modified_gmt":"2024-05-21T06:51:24","slug":"17-links-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/17-links-html\/","title":{"rendered":"17. Links HTML"},"content":{"rendered":"\n

Los enlaces<\/strong> se encuentran en casi todas las p\u00e1ginas web. Permiten a los usuarios hacer clic para pasar de una p\u00e1gina a otra. Los enlaces<\/strong> HTML<\/strong> son hiperv\u00ednculos<\/strong>. Puedes hacer clic en un enlace<\/strong> y saltar a otro documento. Cuando muevas el mouse<\/strong> sobre un enlace<\/strong>, la flecha del mouse<\/strong> se convertir\u00e1 en una peque\u00f1a mano.<\/p>\n\n\n\n

\n

Nota<\/strong>: Un enlace<\/strong> no tiene que ser texto. \u00a1Un enlace puede ser una imagen o cualquier otro elemento HTML<\/strong>!<\/p>\n<\/blockquote>\n\n\n\n

Sintaxis<\/h2>\n\n\n\n

La etiqueta HTML <a><\/em><\/strong> define un hiperv\u00ednculo <\/strong>(enlace<\/strong>). Tiene la siguiente sintaxis:<\/p>\n\n\n\n

<a href=\"url<\/em>\">link text<\/em><\/a><\/pre>\n\n\n\n
El atributo m\u00e1s importante del elemento <a><\/em><\/strong> es el atributo href<\/em><\/strong>, que indica el destino del enlace<\/strong>. El texto del enlace es la parte que ser\u00e1 visible para el lector. Al hacer clic en el texto del enlace<\/strong>, se enviar\u00e1 al lector a la direcci\u00f3n URL especificada.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<a href=\"https:\/\/www.sutilweb.eu\/\">Visita Sutil Web<\/a><\/pre>\n\n\n\n
De forma predeterminada, los enlaces<\/strong> aparecer\u00e1n de la siguiente manera en todos los navegadores:<\/p>\n\n\n\n
    \n
  • Un enlace no visitado est\u00e1 subrayado y azul<\/li>\n\n\n\n
  • Un enlace visitado est\u00e1 subrayado y morado<\/li>\n\n\n\n
  • Un enlace activo est\u00e1 subrayado y rojo.<\/li>\n<\/ul>\n\n\n\n
    El atributo target<\/h2>\n\n\n\n
    De forma predeterminada, la p\u00e1gina vinculada se mostrar\u00e1 en la ventana actual del navegador. Para cambiar esto, debes especificar otro destino para el v\u00ednculo.<\/p>\n\n\n\n
    El atributo target<\/em><\/strong> especifica d\u00f3nde abrir el documento vinculado. El atributo target<\/em><\/strong> puede tener uno de los siguientes valores:<\/p>\n\n\n\n
    _self<\/em><\/strong>: predeterminado. Abre el documento en la misma ventana\/pesta\u00f1a en la que se hizo clic
    _blank<\/em><\/strong>: Abre el documento en una nueva ventana o pesta\u00f1a
    _parent<\/em><\/strong>: abre el documento en el marco principal
    _top<\/em><\/strong>: Abre el documento en el cuerpo completo de la ventana<\/p>\n\n\n\n
    Ejm<\/strong><\/p>\n\n\n\n
    <a href=\"https:\/\/www.sutilweb.eu\/\" target=\"_blank\">Visita Sutil Web<\/a><\/pre>\n","protected":false},"excerpt":{"rendered":"
    Los enlaces se encuentran en casi todas las p\u00e1ginas web. Permiten a los usuarios hacer clic para pasar de una p\u00e1gina a…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-133","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Los enlaces se encuentran en casi todas las p\u00e1ginas web. Permiten a los usuarios hacer clic para pasar de una p\u00e1gina a...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/133\/revisions\/134"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}