这是代码 看下有没有问题

来源:4-25 编程练习

weibo_1呵呵逗_0

2017-11-21 21:46:02

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

    <a name="top">这里是顶部</a> <br/> 

<a href="#fruit">水果</a> <br/>  

<a href="#vegetable">蔬菜</a> <br/>

<a href="hello.html#sport">运动</a>    

<a name="fruit"><ul><h2>ˮ水果</h2></ul></a>  

<li>5</li><li>78</li><li>888</li><li>55585</li><li>858</li>

<li>2528</li><li>125285</li><li>285</li><li>252</li><li>17447</li><br/>

<li>5</li><li>78</li><li>888</li><li>55585</li><li>858</li>

<li>2528</li><li>125285</li><li>285</li><li>252</li><li>17447</li><br/> 

<li>5</li><li>78</li><li>888</li><li>55585</li><li>858</li>

<li>2528</li><li>125285</li><li>285</li><li>252</li><li>17447</li><br/> 

<li>5</li><li>78</li><li>888</li><li>55585</li><li>858</li>

<li>2528</li><li>125285</li><li>285</li><li>252</li><li>17447</li><br/> 

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

<br/> 

<a name="vegetable"><ul><h2>蔬菜</h2></ul></a>  

<li>玉米</li><li>茄子</li><li>白菜</li><li>青菜</li><li>萝卜</li><li>蒜苔</li>

<li>南瓜</li><li>生菜</li><li>土豆</li><li>辣椒</li>

<br/>  

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

</body>

</html>

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

    <a name="sport"><ul><h2>运动</h2></ul></a>   

<li>2626li><li>gdgd</li><li>gwer</li><li>erter</li>

<li>wer</li><li>rter</li><li>dffs</li><li>35re</li><li>sdfs</li><li>fxcx</li>

<br/> 

<a href="imooc.html#top">返回顶部</a>

</body>

</html>


写回答

6回答

bingo___

2017-11-21

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

    <div><a name="db">这里是顶部</a></div>

    <div><a href="#sg">水果种类</a></div>

    <div><a href="#sc">蔬菜种类</a></div>

    <div><a href="2.html#yd">运动种类</a></div>

    <br>

    <ul type="disc">

        <a name="sg"></a><h2>水果</h2>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

            <li>苹果</li>

    </ul>

    <div><a href="#db">返回顶部</a></div>

    <ul type="square">

        <a name="sc"></a><h2>蔬菜</h2>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

            <li>西红柿</li>

    </ul>

    <div><a href="#db">返回顶部</a></div>

</body>

</html>


0
heibo_1呵呵逗_0
h 非常感谢!
h017-11-21
共1条回复

weibo_1呵呵逗_0

提问者

2017-11-21

http://img.mukewang.com/climg/5a1437f20001c10b05220462.jpg

http://img.mukewang.com/climg/5a1437f20001985b06550833.jpg

http://img.mukewang.com/climg/5a1437f30001384611220693.jpg

为什么 还是这样

0

bingo___

2017-11-21

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

    <ul type="circle">

         <a name="yd"></a>

         <h2>运动</h2>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

         <li>跑步</li>

    </ul>

    <div><a href="1.html#db">返回顶部</a></div>

</body>

</html>


基本就是这样的  两个页面可以互相切换!(有些地方没有写那么多是为了更清楚的观看,如果需要有很明显的跳转效果可以多添加一些<li>XXXX</li>)


0

weibo_1呵呵逗_0

提问者

2017-11-21

没法跳转到新的网页  本页跳转没问题

0
heibo_1呵呵逗_0
回复
hingo___
h <a href="#top"><h2>返回顶部</h2></a> 这么写可以么?
h017-11-21
共3条回复

bingo___

2017-11-21

有几个基础的问题:

  1. 代码写好最好先在浏览器里自己检查以下

  2. 代码的缩进和基本的写法问题

我把我自己写的发出去给你看看

0

宝慕林2445844

2017-11-21

  1. 列表项<li></li>应该写在<ul></ul>里面

  2. 如果想实现课程作业里面的“返回顶部”效果,应该用<p></p>标签换行,而不是用<br/>

  3. 若想实现定位的锚位置在页面顶部显示,列表项要20至30项左右

0

0 学习 · 36712 问题

查看课程