zoukankan      html  css  js  c++  java
  • a元素的两个重要功能和表格布局

    ⦁ 发送邮件:<a href=“mailto:231455557@qq.com”>联系我们</a>

    ⦁ 锚点两个重要应用:查看目录    提供菜单功能
    回到顶部 <a name=”top”>这是顶部</a>
    <a href=“#top”>回到顶部</a>
    <a href=”#”></a>

    ⦁ 图片元素:img src=”1.jpg“ alt=”图片“ align=”center“(注意2种路径)
         a.在img外加上a标签可实现图片连接功能
         b.页面加载时图片与内容单独加载,图片为外部资源,影响加载速度,     从而影响访问量tip:浏览加载页面时,尽量减少外部资源的加载
     

     基本表格:


    1)td → 标准单元格 

    2)th → 带表头的单元格 

    3)caption → 置于table后,带标题的单元格

    4)rowspan:跨行 横向合并

    5)colspan: 跨列 纵向合并

    6)thead tbody tfoot在前在后没关系,只要行&单元格在标签内,不影响布局


    ⦁ 表格布局步骤:
    拟定几行几列 → 写入table → 写入caption → 写入页眉、主体、页脚 → 运用快捷键alt+左键写入tr、td → 第一个tr中td改为th → 运用rowspan、colspan合并单元格td → 对应写入内容 → 进行修饰 → table的border、width、align属性 → tr/td的width、bgcolor属性

    ⦁ 注意问题:
    border=”1“表示表格边框为1个像素,最小为0
    表格可以嵌套,td中允许img、p、h1等元素
    width设置有2种:绝对100(px),相对90%
    align属性值为left/right/center,top/bottom不建议使用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表格布局练习1</title>
    </head>
    <body>
    <hr>
    <h4>新闻头条 - 给你看最新最IN的资讯</h4>
    <table width="95%" align="center" border="0">
        <tr>
            <td colspan="2">
                <h1>市值蒸发500亿美元 苹果为何梦碎2017?</h1>
            </td>
        </tr>
        <tr>
            <td rowspan="3">
                <table width="95%" align="left">
                    <tr>
                        <td>
                            <img src="imgs/apple.jpg" alt="苹果" width="100%">
                            <p>虽说市值蒸发500亿美元后,苹果公司的市值仍然高达7800亿美元,但市值如此大幅的下跌,意味着苹果正遭遇一次严峻的考验。除苹果外,三星旗舰Note8销量也非常惨淡。究竟是什么原因,让三星和苹果这两大巨头梦碎2017?</p>
                            <h3>高售价让苹果手机销量遇冷</h3>
                            <p>谈及本月苹果股价连续下跌的现状,各方面把原因归咎于iPhone8系列未能引发如此前的抢购热潮。由于搭载全面屏的iPhone X还未发售,iPhone8系列销售遇冷只能说明这两款产品不受市场欢迎,并不是苹果股价下跌的真正原因。</p>
                            <p>分析苹果最近几年的股价就会发现,自2008年美国金融危机后,整个美国的股价一直处于非常亢奋的状态。也就是说,美国的金融环境,是苹果股价最近几年不断攀升新高的一个诱因。在美国现任总统上任后,美股再次出现上涨,并创下新高。不难看出,美国股市有非常大的泡沫,纳斯达克指数的变化,印证了这一观点。</p>
                            <p>从最近几个月的纳斯达克指数可以看到,在6月9日美国股市创下高点6341.7后,7月27日虽然创出6460.84的新高点。只是,这一高点并没有持续,7月27日当天就开始下跌,最终以6382.19点收盘。进入8月后,纳斯达克指数虽然也有小幅上扬,但整体处于增长疲软的情况。美国股市大盘整体下跌,注定了苹果股价会缩水。尽管苹果的市场蒸发了500亿美元,但9月21日的收盘价,仍比去年同期的股价高50多美元。看来,苹果的股价仍然有很大泡沫。</p>
                            <p>通过对比不难发现,苹果已经把手机存储容量升级加价玩到了极致。通过简单的存储容量扩容,苹果手机的最高售价短短三年时间里上涨了2000元,而内存容量只提高了1倍。来自供应链的人士透露,128G手机闪存与256G手机闪存的差异只有几百块钱。也就是说,通过提高手机存储容量的方法,苹果一台手机就可以增加1000多块钱的利润。一直以来,苹果手机就以高利润闻名业内,通过升级手机存储容量的方法,苹果手机利润又增加了上千元,这样一来苹果手机的售价就严重偏高。</p>
                            <p>对于消费者而言,一部最高配置的iPhoneX手机要9688元,而苹果的一台入门级的MacBook Air售价不过6988元。加之最近几年安卓系统不断完善,以华为、OPPO和vivo为代表的国产手机品牌,其系统流畅度已经不逊于苹果的iOS系统。在价格方面,国产手机比苹果手机要便宜很多。如此大的价格悬殊之下,很多消费者放弃苹果亦是必然。同样,暴利基础上疯狂加码的苹果手机,也不再是很多国外消费者的购买首选。</p>
                            <p>在乔布斯主导的苹果时代,iPhone手机的售价虽然暴利,但与市场上其他品牌的手机相比,过高的定价能够体现出苹果生态的价值。眼下,苹果手机过高的售价,已经成为销售的头号敌人。作为苹果老对手的三星,也正饱受销售惨淡的困扰,这一症结同样缘于过高的售价。看来,价值失衡的高售价是苹果手机销量不佳的根源。</p>
                            <p>写在最后:短短十几天的时间,苹果公司市值缩水500亿美元,这与苹果新一代手机销量不佳并没有直接的关系。对于苹果而言,新一代的iPhone手机销量惨淡暴确实是一个大的挫折。不断被拉高的售价,让苹果手机销量首次遇挫。如果苹果仍不调整市场策略,梦碎2017后,苹果2018年的业绩也会受到影响。</p>
                            <h3>版权声明</h3>
                        </td>
                    </tr>
                </table>
            </td>
            <td width="20%">
                <h3>文章排行</h3>
                <a href="#"><p>不仅中国俄罗斯,全世界都在“抛弃”美元,谁会是背后</p></a>
                <a href="#"><p>vivo转战全面屏 OPPO即将迎来最危险的时刻?</p></a>
                <a href="#"><p>有人说小米请了吴亦凡之后变样了 事实正相反</p></a>
                <a href="#">大王卡的成功归功于谁?</a>
                <a href="#"><p>摩拜怼上ofo, 这次是因为共享单车到底是不是共享经济?</p></a>
            </td>
        </tr>
        <tr>
            <td width="20%">
                <h3>文章排行</h3>
                <a href="#"><p>不仅中国俄罗斯,全世界都在“抛弃”美元,谁会是背后</p></a>
                <a href="#"><p>vivo转战全面屏 OPPO即将迎来最危险的时刻?</p></a>
                <a href="#"><p>有人说小米请了吴亦凡之后变样了 事实正相反</p></a>
                <a href="#">大王卡的成功归功于谁?</a>
                <a href="#"><p>摩拜怼上ofo, 这次是因为共享单车到底是不是共享经济?</p></a>
            </td>
        </tr>
        <tr>
            <td width="20%">
                <a target="_blank" href="http://baidu.com"><img src="imgs/girl.jpg" alt="美女" width="100%"></a>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <hr>
                京公网安备11000002000001号
                <a target="_blank" href="http://http://news.baidu.com">互联网新闻信息服务许可</a>
                &nbsp;&copy;2017  Baidu&nbsp;
                <a target="_blank" href="http://www.baidu.com/duty">使用百度前必读</a>
                <a target="_blank" href="http://news.baidu.com/z/resource/baijia/rule">百家协议</a>
            </td>
        </tr>
    </table>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表格布局练习2</title>
    </head>
    <body>
    <hr>
        <h4>新闻头条 - 给你看最新最IN的资讯</h4>
    <table width="95%" align="center">
        <tr>
            <td colspan="3">
                <h1>市值蒸发500亿美元 苹果为何梦碎2017?</h1>
            </td>
        </tr>
        <tr>
            <td rowspan="3">
                <img src="imgs/apple.jpg" alt="苹果" width="100%">
                <p>虽说市值蒸发500亿美元后,苹果公司的市值仍然高达7800亿美元,但市值如此大幅的下跌,意味着苹果正遭遇一次严峻的考验。除苹果外,三星旗舰Note8销量也非常惨淡。究竟是什么原因,让三星和苹果这两大巨头梦碎2017?</p>
                <h3>高售价让苹果手机销量遇冷</h3>
                <p>谈及本月苹果股价连续下跌的现状,各方面把原因归咎于iPhone8系列未能引发如此前的抢购热潮。由于搭载全面屏的iPhone X还未发售,iPhone8系列销售遇冷只能说明这两款产品不受市场欢迎,并不是苹果股价下跌的真正原因。</p>
                <p>分析苹果最近几年的股价就会发现,自2008年美国金融危机后,整个美国的股价一直处于非常亢奋的状态。也就是说,美国的金融环境,是苹果股价最近几年不断攀升新高的一个诱因。在美国现任总统上任后,美股再次出现上涨,并创下新高。不难看出,美国股市有非常大的泡沫,纳斯达克指数的变化,印证了这一观点。</p>
                <p>从最近几个月的纳斯达克指数可以看到,在6月9日美国股市创下高点6341.7后,7月27日虽然创出6460.84的新高点。只是,这一高点并没有持续,7月27日当天就开始下跌,最终以6382.19点收盘。进入8月后,纳斯达克指数虽然也有小幅上扬,但整体处于增长疲软的情况。美国股市大盘整体下跌,注定了苹果股价会缩水。尽管苹果的市场蒸发了500亿美元,但9月21日的收盘价,仍比去年同期的股价高50多美元。看来,苹果的股价仍然有很大泡沫。</p>
                <p>通过对比不难发现,苹果已经把手机存储容量升级加价玩到了极致。通过简单的存储容量扩容,苹果手机的最高售价短短三年时间里上涨了2000元,而内存容量只提高了1倍。来自供应链的人士透露,128G手机闪存与256G手机闪存的差异只有几百块钱。也就是说,通过提高手机存储容量的方法,苹果一台手机就可以增加1000多块钱的利润。一直以来,苹果手机就以高利润闻名业内,通过升级手机存储容量的方法,苹果手机利润又增加了上千元,这样一来苹果手机的售价就严重偏高。</p>
                <p>对于消费者而言,一部最高配置的iPhoneX手机要9688元,而苹果的一台入门级的MacBook Air售价不过6988元。加之最近几年安卓系统不断完善,以华为、OPPO和vivo为代表的国产手机品牌,其系统流畅度已经不逊于苹果的iOS系统。在价格方面,国产手机比苹果手机要便宜很多。如此大的价格悬殊之下,很多消费者放弃苹果亦是必然。同样,暴利基础上疯狂加码的苹果手机,也不再是很多国外消费者的购买首选。</p>
                <p>在乔布斯主导的苹果时代,iPhone手机的售价虽然暴利,但与市场上其他品牌的手机相比,过高的定价能够体现出苹果生态的价值。眼下,苹果手机过高的售价,已经成为销售的头号敌人。作为苹果老对手的三星,也正饱受销售惨淡的困扰,这一症结同样缘于过高的售价。看来,价值失衡的高售价是苹果手机销量不佳的根源。</p>
                <p>写在最后:短短十几天的时间,苹果公司市值缩水500亿美元,这与苹果新一代手机销量不佳并没有直接的关系。对于苹果而言,新一代的iPhone手机销量惨淡暴确实是一个大的挫折。不断被拉高的售价,让苹果手机销量首次遇挫。如果苹果仍不调整市场策略,梦碎2017后,苹果2018年的业绩也会受到影响</p>
                <h3>版权声明</h3>
            </td>
            <td width="4%"></td>
            <td width="20%">
                <h3>文章排行</h3>
                <a href="#"><p>不仅中国俄罗斯,全世界都在“抛弃”美元,谁会是背后</p></a>
                <a href="#"><p>vivo转战全面屏 OPPO即将迎来最危险的时刻?</p></a>
                <a href="#"><p>有人说小米请了吴亦凡之后变样了 事实正相反</p></a>
                <a href="#"><p>大王卡的成功归功于谁?</p></a>
                <a href="#"><p>摩拜怼上ofo, 这次是因为共享单车到底是不是共享经济?</p></a>
            </td>
        </tr>
        <tr>
            <td width="4%"></td>
            <td width="20%">
                <h3>文章排行</h3>
                <a href="#"><p>不仅中国俄罗斯,全世界都在“抛弃”美元,谁会是背后</p></a>
                <a href="#"><p>vivo转战全面屏 OPPO即将迎来最危险的时刻?</p></a>
                <a href="#"><p>有人说小米请了吴亦凡之后变样了 事实正相反</p></a>
                <a href="#"><p>大王卡的成功归功于谁?</p></a>
                <a href="#"><p>摩拜怼上ofo, 这次是因为共享单车到底是不是共享经济?</p></a>
            </td>
        </tr>
        <tr>
            <td width="4%"></td>
            <td width="20%">
                <a target="_blank" href="http://www.baidu.com"><img src="imgs/girl.jpg" alt="美女" width="100%"></a>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <hr>
                <p align="center">
                    京公网安备11000002000001号
                    <a target="_blank" href="http://http://news.baidu.com">京公网安备11000002000001号</a>
                    &nbsp;&copy;2017  Baidu&nbsp;
                    <a target="_blank" href="http://www.baidu.com/duty"> 使用百度前必读</a>
                    <a target="_blank" href="http://news.baidu.com/z/resource/baijia/rule">百家协议</a>
                </p>
            </td>
        </tr>
    </table>
    </body>
    </html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表格布局练习3</title>
    </head>
    <body>
    <hr>
       <table border="0">
            <tr>
                <td>
                    <p><b>新闻头条 - 给你看最新最IN的资讯</b></p>
                </td>
            </tr>
            <tr>
                <table border="0" width="95%" align="center">
                    <tr>
                        <td colspan="2"><h1>市值蒸发500亿美元 苹果为何梦碎2017?</h1></td>
                    </tr>
                    <tr>
                         <td width="90%"><img src="imgs/apple.jpg" alt="苹果logo" width="100%"></td>
    
                         <td>
                             <table  align="center"  width="85%">
                                <tr>
                                    <td>
                                        <b><h3>文章排行</h3></b>
                                        <a href="#"><p>不仅中国俄罗斯,全世界都在“抛弃”美元,谁会是背后</p></a>
                                        <a href="#"><p>vivo转战全面屏 OPPO即将迎来最危险的时刻?</p></a>
                                        <a href="#"><p>有人说小米请了吴亦凡之后变样了 事实正相反</p></a>
                                        <a href="#"><p>大王卡的成功归功于谁?</p></a>
                                        <a href="#"><p>摩拜怼上ofo, 这次是因为共享单车到底是不是共享经济?</p></a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="2">
                            <p>虽说市值蒸发500亿美元后,苹果公司的市值仍然高达7800亿美元,但市值如此大幅的下跌,意味着苹果正遭遇一次严峻的考验。除苹果外,三星旗舰Note8销量也非常惨淡。究竟是什么原因,让三星和苹果这两大巨头梦碎2017?</p>
                            <h3>高售价让苹果手机销量遇冷</h3>
                            <p>谈及本月苹果股价连续下跌的现状,各方面把原因归咎于iPhone8系列未能引发如此前的抢购热潮。由于搭载全面屏的iPhone X还未发售,iPhone8系列销售遇冷只能说明这两款产品不受市场欢迎,并不是苹果股价下跌的真正原因。</p>
                            <p>分析苹果最近几年的股价就会发现,自2008年美国金融危机后,整个美国的股价一直处于非常亢奋的状态。也就是说,美国的金融环境,是苹果股价最近几年不断攀升新高的一个诱因。在美国现任总统上任后,美股再次出现上涨,并创下新高。不难看出,美国股市有非常大的泡沫,纳斯达克指数的变化,印证了这一观点。</p>
                            <p>从最近几个月的纳斯达克指数可以看到,在6月9日美国股市创下高点6341.7后,7月27日虽然创出6460.84的新高点。只是,这一高点并没有持续,7月27日当天就开始下跌,最终以6382.19点收盘。进入8月后,纳斯达克指数虽然也有小幅上扬,但整体处于增长疲软的情况。美国股市大盘整体下跌,注定了苹果股价会缩水。尽管苹果的市场蒸发了500亿美元,但9月21日的收盘价,仍比去年同期的股价高50多美元。看来,苹果的股价仍然有很大泡沫。</p>
                            <p>通过对比不难发现,苹果已经把手机存储容量升级加价玩到了极致。通过简单的存储容量扩容,苹果手机的最高售价短短三年时间里上涨了2000元,而内存容量只提高了1倍。来自供应链的人士透露,128G手机闪存与256G手机闪存的差异只有几百块钱。也就是说,通过提高手机存储容量的方法,苹果一台手机就可以增加1000多块钱的利润。一直以来,苹果手机就以高利润闻名业内,通过升级手机存储容量的方法,苹果手机利润又增加了上千元,这样一来苹果手机的售价就严重偏高。</p>
                            <p>对于消费者而言,一部最高配置的iPhoneX手机要9688元,而苹果的一台入门级的MacBook Air售价不过6988元。加之最近几年安卓系统不断完善,以华为、OPPO和vivo为代表的国产手机品牌,其系统流畅度已经不逊于苹果的iOS系统。在价格方面,国产手机比苹果手机要便宜很多。如此大的价格悬殊之下,很多消费者放弃苹果亦是必然。同样,暴利基础上疯狂加码的苹果手机,也不再是很多国外消费者的购买首选。</p>
                            <p>在乔布斯主导的苹果时代,iPhone手机的售价虽然暴利,但与市场上其他品牌的手机相比,过高的定价能够体现出苹果生态的价值。眼下,苹果手机过高的售价,已经成为销售的头号敌人。作为苹果老对手的三星,也正饱受销售惨淡的困扰,这一症结同样缘于过高的售价。看来,价值失衡的高售价是苹果手机销量不佳的根源。</p>
                            <p>写在最后:短短十几天的时间,苹果公司市值缩水500亿美元,这与苹果新一代手机销量不佳并没有直接的关系。对于苹果而言,新一代的iPhone手机销量惨淡暴确实是一个大的挫折。不断被拉高的售价,让苹果手机销量首次遇挫。如果苹果仍不调整市场策略,梦碎2017后,苹果2018年的业绩也会受到影响。</p>
                        </td>
                        <td width="100%">
                            <table width="85%" align="center">
                                <tr>
                                    <td>
                                        <b><h3>文章排行</h3></b>
                                        <a href="#"><p>不仅中国俄罗斯,全世界都在“抛弃”美元,谁会是背后</p></a>
                                        <a href="#"><p>vivo转战全面屏 OPPO即将迎来最危险的时刻?</p></a>
                                        <a href="#"><p>有人说小米请了吴亦凡之后变样了 事实正相反</p></a>
                                        <a href="#"><p>大王卡的成功归功于谁?</p></a>
                                        <a href="#"><p>摩拜怼上ofo, 这次是因为共享单车到底是不是共享经济?</p></a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table width="85%" align="center">
                                <tr>
                                    <td>
                                        <a target="_blank" href="http://www.baidu.com"><img src="imgs/girl.jpg" alt="美女" width="250"></a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <h3>版权声明</h3>
                            <hr>
                        </td>
                    </tr>
                </table>
            </tr>
            <tr>
                <td>
                   <p align="center">
                       京公网安备11000002000001号
                       <a target="_blank" href="http://news.baidu.com">互联网新闻信息服务许可</a>
                       ©2017  Baidu
                       <a href="http://www.baidu.com/duty">使用百度前必读</a>
                       <a href="http://news.baidu.com/z/resource/baijia/rule">百家协议</a>
                   </p>
                </td>
            </tr>
        </table>-->
    </body>
    </html>
    实践出真知~
  • 相关阅读:
    程序员学习能力提升三要素(转)
    网页游戏框架
    CS心得
    项目主管谈网页游戏:一将功成万骨枯
    分享成为高效程序员的7个重要习惯
    看代码的实质
    点击delphi中wwDBGrid标题进行排序
    DataRow 学习
    学习遇到的问题MVC设置 起始页后怎样恢复
    泛型中的where
  • 原文地址:https://www.cnblogs.com/NolaLi/p/7643515.html
Copyright © 2011-2022 走看看