Member 13978907 Ответов: 1

Создание гиперссылки

У меня есть контейнерный класс. В контейнерном классе у меня было 5 разных изображений[font-awesome icon].
Предположим, что контейнерный класс имел высоту 250px. и у меня есть еще одна html-страница[table.html] который состоит только из тегов и. Теперь я хочу, чтобы вы нажали на 5 разных изображений. Тот самый table.html страница должна отображаться ниже 5 различных изображений, значит, высота класса контейнера составляет 250 пикселей, в пределах высоты класса контейнера.

Что я уже пробовал:

я попробовал с кодом:
<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>



но я не знаю, как связать

OriginalGriff

Когда вы копируете HTML-код, важно использовать блок кода (который создает предварительные теги и задействует маркер синтаксиса), иначе ваш код станет невидимым!
Я исправил это для вас, но, пожалуйста, попробуйте сделать это самостоятельно в следующий раз (если вы используете виджет "улучшить вопрос", вы можете увидеть, что я сделал с ним).

ZurdoDev

Я не понимаю вашего вопроса.

1 Ответов

Рейтинг:
1

Member 12656556

Если вам нужна гиперссылка то создайте тег a после того как я помечу это означает 

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


Здесь Если вам нужно перейти к разным табличным данным для каждого заголовка значит вам нужно создать каждый заголовок тег нужна одна таблица это значит 
<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 для каждого раздела, я перейду в соответствующий раздел, когда вы нажмете соответствующий тег a.