老师4-11锚链接我有两个问题。

老师4-11锚链接我有两个问题。1，水果和蔬菜的锚链接为什么不管用？返回顶部的是可用的。2，为什么水果没有向左对齐？<h1></h1>有向左对齐的属性代码吗？

<!doctype html>

<html>

<head>

</head>

<body>

</ul>

</ul>

</body>

</html>

qq_江_3 2017-06-23

源自：HTML基础 4-19 编程练习

收起

1回答

樱桃小胖子回答被采纳获得+3积分 2017-06-23 10:11:47

第一：没有对齐的问题：需要把水果区域的a标签放在ul外面

第二：锚点书写错误，锚点链接有两种方法，一种是a的href与id，另一种是a的href与name，锚点链接必须先定义锚点，然后才能定义链接。另外要把<h1>水果</h1>、<h1>蔬菜</h1>、<p>这是顶部</p>放在a标签里面哦~

方法一：

①锚点的定义：使用a 标记符的 name 属性定义锚点，的定义形式如下：<a name = "锚点名称">[此处内容为可选部分]</a>

②定义链接：对于锚点链接，应将 a 标记符的href 属性的值指定为符号#后跟锚点名称。形式如下：<a href = "#锚点名称">链接点</a>

方法二：

①锚点的定义：使用a 标记符的id 定义锚点，的定义形式如下：<a id = "id名称">[此处内容为可选部分]</a>

②定义链接：对于锚点链接，应将 a 标记符的href 属性的值指定为符号#后跟id名称。形式如下：<a href = "#id名称">链接点</a>

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
    </head>
 
    <body>
        <a name="top">
            <p>这是顶部</p>
        </a>
        <a name="list_top1">
            <p>水果</p>
        </a>
        <a name="list_top2">
            <p>蔬菜</p>
        </a>
        <a name="list_top3">
            <p>运动</p>
        </a>
        <!---->
        <a href="#list_top1"><h1>水果</h1></a>
        <ul typle="disc">
            <li>香蕉</li>
            <li>苹果</li>
            <li>葡萄</li>
            <li>梨</li>
            <li>西瓜</li>
            <li>樱桃</li>
            <li>菠萝</li>
            <li>柚子</li>
            <li>芒果</li>
        </ul>
        <a href="#list_top2"><h1>蔬菜</h1></a>
        <ul typle="disc">
            <li>西红柿</li>
            <li>黄瓜</li>
            <li>土豆</li>
            <li>芹菜</li>
            <li>蒜台</li>
            <li>西葫芦</li>
            <li>香菇</li>
            <li>菠菜</li>
            <li>豆角</li>
            <li>油菜</li>
        </ul>
        <a href="#list_top3"><h1>蔬菜</h1></a>
        <ul typle="disc">
            <li>西红柿</li>
            <li>黄瓜</li>
            <li>土豆</li>
            <li>芹菜</li>
            <li>蒜台</li>
            <li>西葫芦</li>
            <li>香菇</li>
            <li>菠菜</li>
            <li>豆角</li>
            <li>油菜</li>
        </ul>
        <a href="#top">返回顶部</a>
    </body>
 
</html>