创建超链接 [英] Creating a hyperlink

问题描述

我有容器类。在容器类中，我有5个不同的图像[font-awesome icon]。

假设容器类的高度为250px。而且，我有另一个html页面[table.html]，它只包含和标签。现在，我想要的是，如果我点击5个不同的图像。 table.html页面应该在下面显示5个不同的图像，意思是，容器类的高度是250px，在容器类的高度内。



什么我试过了：



i尝试使用代码：

I have container class. In container class, i had 5 different images[font-awesome icon].
Suppose container class had a height of 250px. and, i have another html page[table.html] which consists of only and tags. Now, what i want is, if i clicked on 5 different image. The table.html page should display in below the 5 different images, means, the container class height is 250px, within the height of container class.

What I have tried:

i tried with a code:

<div class="container" style="height: 180px">
            <div class="row">
                <div id="rect" style="width: 100%">
                    <center><font color="white"><b>Organization Details</b></font></center>
                </div>
            </div>
            <div class="row" style="width: 100%">
                
                <div class="col-md-1">
                    &lt;!--Make this Empty--&gt;
                </div>
               <div class="col-md-2">
                   <i class="fas fa-users" style="font-size: 5rem"></i><br> 
                   Team Member
               </div>
                <div class="col-md-2">
                    <i class="fas fa-wallet" style="font-size: 5rem"></i><br>
                    Portfolio
               </div>
                <div class="col-md-2">
                    <i class="fas fa-award" style="font-size: 5rem"></i><br>
                    Awards
               </div>
                <div class="col-md-2">
                    <i class="fas fa-image" style="font-size: 5rem"></i><br>
                    Gallery
               </div>
                <div class="col-md-2">
                    <i class="fas fa-file" style="font-size: 5rem"></i><br>
                    Document
               </div>
                <div class="col-md-1">
                    &lt;!--Make this Empty--&gt;
                </div>
                
            </div>

但我不知道如何链接

but i dont know how to link

推荐答案

如果你需要超链接，那么在我标记后创建一个标签意味着

If you need hyperlink then create the a tag after i tag that means

<a href="table.html">Here your text</a>.

这里如果你需要去不同的表格数据a为每个标题意味着您需要创建每个标题标签需要一个表格，这意味着

Here if you need to go different table data for each title means you need create each title a tag need a single table that means

<div class="container" style="height: 180px">
    <div class="row">
        <div id="rect" style="width: 100%">
            <center>
                <font color="white">Organization Details</font>
            </center>
        </div>
    </div>
    <div class="row" style="width: 100%">
        <div class="col-md-1">
            <!--Make this Empty-->
        </div>
        <div class="col-md-2">
            
           <a href="#table-1"> Team Member</a>
        </div>
        <div class="col-md-2">
            
            <a href="#table-2"> T Portfolio</a>
        </div>
        <div class="col-md-2">
            
            <a href="#table-3"> T Awards</a>
        </div>
        <div class="col-md-2">
            
            <a href="#table-4"> T Gallery</a>
        </div>
        <div class="col-md-2">
            
            <a href="#table-5"> T Document</a>
        </div>
        <div class="col-md-1">
            <!--Make this Empty-->
        </div>

        <div id="table-1">
           <table>table1 data</table>
        </div>
        <div id="table-2">
           <table>table2 data</table>
        </div>
        <div id="table-3">
           <table>table3 data</table>
        </div>
        <div id="table-4">
           <table>table4 data</table>
        </div>
        <div id="table-5">
           <table>table5 data</table>
        </div>

    </div>

我为每个部分使用id，当你点击相应的标签时，我将转到相应的部分。

Here i using id for each section i will go to respective section when you click the respective a tag.

这篇关于创建超链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！