Question

我一直试图让这个导航栏以我可以将人们发送到同一网站的另一个页面的方式工作（我希望这是有道理的）

我的问题是，链接无法点击，当我将鼠标悬停在导航栏上时，它只显示文本光标，基本上意味着网站将该行读作文本而不是可点击链接;但是，可以单击子菜单项。

这是该网站，以防您想亲眼看到它：https://trenes.000webhostapp.com/

<HTML>
<HEAD>
<CENTER>
<FONT COLOR=#6c9200>
Seamos honestos, ¿hay algo mejor que los trenes en este mundo? No.<br>
</font>
</CENTER>
<TITLE>
ME GUSTAN LOS TRENES
</TITLE>
</HEAD>

<style>
<stlye type="text/css">
*{
padding:0;
margin:0;
}

#header{
margin:auto;
width:500px;
font-family:arial,helvetica,sand-serif;
}

ul,ol{
list-style:none;
}

.nav li a{
    background-color: #c8d0d7;
    color: #253051;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}

.nav li a:hover{
background-color:#49657a;
}

.nav>li{
float:left;
}

.nav li:hover > ul {
    display: block;
}

.nav li ul{
    display: none;
    position: absolute;
    min-width: 140px;
}

.nav li ul li{
    position: relative;
}

.nav li ul li ul{
right:-180px;
top:0px;
}

</style>

<body>

<div id="header">
<ul class="nav">
<li> <a href"index.html">Inicio</a></li>
<li> <a href"imagenes.html">Imagenes</a></li>
<li> <a href"historia.hmtl">Historia</a></li>
<li> <a href"video.html">Videos</a>

<ul>
<li> <a href="https://www.youtube.com/watch?v=ETfiUYij5UE" target="_blank">Thomas the dank engine</a></li>
<li> <a href="https://www.youtube.com/watch?v=_BpfLkR1EBI" target="_blank"> La importancia de los trenes en la economía</a></li>
</ul>
</li>
</ul>
</div>

到目前为止，我有2个html文件，index.html和imagenes.html已上传到我的webhost文件夹，我希望在点击＆＃34; imagenes＆＃34;在导航栏上它带我到imagenes.html文件，就像我点击其中一个视频＆＃34;视频＆＃34;子菜单。

提前致谢！

注意：000webhost网站不支持西班牙语字符，因此您会看到很多问号，但不要介意。

Answer 1

您只有一点错误 - 您的a href标签中缺少=。

<a href="index.html" target="_self">Inicio</a>

而不是

<a href"index.html" target="_self">Inicio</a>

Answer 2

每次href后使用等号。表示每次href后使用=符号

无法点击导航栏中的链接

2 个答案: