Quiero redirigir a un usuario a una pestaña específica después de hacer clic en el enlace de otra página. Aquí está el código de la página 1: index.html
<div class="products-btn"> <a href="products.html#pills-profile">view all</a> </div>Página 2 Productos.html:
<ul class="nav nav-pills justify-content-center" id="pills-tab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs- target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria- selected="true">products</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="solve" data-bs-toggle="pill" data-bs-target="#pills- profile" type="button" role="tab" aria-controls="pills-profile" aria- selected="false">solutions</button> </li> </ul>Quiero redirigir al usuario del btn del producto a la pestaña de soluciones. Estoy usando bootstrap 5.1 en todas mis páginas.
Simplemente coloque una identificación de su pestaña en su enlace después de "#" <a href="products.html#solve">view all</a>
Si desea pasar de product.html a solution.html al hacer clic, puede usar el href:
<a href="solution.html">solution</a>verifique la carpeta raíz y escriba la ruta completa desde su index.html a products.html
entonces agrega esto
<a href="{your path to the page}/products.html#pills-tab">products</a> ejemplo:
Tengo el índice y la carpeta llamada folder1 dentro de esta carpeta, hay otra carpeta llamada folder2 que contiene la página de productos:
<a href="folder1/folder2/products.html">products</a> otro ejemplo:
Quiero volver a index.html :
<a href="../../index.html">products</a> ../ significa ir a la carpeta anterior/principal