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

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

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



<!doctype html>

<html>

<head>

    <meta charset="UTF-8" />

<title></title>

</head>

<body>

        <a name="#top"></a><p>这是顶部</p>

        <a href="#" name="f"><p>水果</p></a>

        <a href="#" name="v"><p>蔬菜</p></a>

        <a href="#" name="s"><p>运动</p></a>

        <ul typle="disc">

        <a name="#f"></a><h1>水果</h1>

        <li>香蕉</li>

        <li>苹果</li>

        <li>葡萄</li>

        <li>梨</li>

        <li>西瓜</li>

        <li>樱桃</li>

        <li>菠萝</li>

        <li>柚子</li>

        <li>芒果</li>

        </ul>

        <a href="#" name="top">返回顶部</a>

        

        <a name="#v"></a><h1>蔬菜</h1>

        <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="#" name="top">返回顶部</a>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

第一:没有对齐的问题:需要把水果区域的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>

希望可以帮到你!

  • qq_江_3 提问者 #1
    非常感谢!
    2017-07-03 20:12:46
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师