⦁ 发送邮件：<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>

a元素的两个重要功能和表格布局的更多相关文章

  1. 关于table的td和ul元素li隔行变色的功能实现

    table元素的td和ul元素li隔行变色的功能实现 利用css控制二者的样式轻松实现隔行换色: 例如:table的css样式控制: table tr td{   background-color:颜 ...

  2. JS动态创建元素（两种方法）

    前言 创建元素有两种方法 1)将需要创建的元素,以字符串的形式拼接:找到父级元素,直接对父级元素的innnerHTML进行赋值. 2)使用Document.Element对象自带的一些函数,来实现动态 ...

  3. java的取出map里所有元素的两种方式

    /* * 取出map元素的两种方式 */package com.map.test; import java.util.HashMap;import java.util.Iterator;import ...

  4. Appium Desktop 元素定位和脚本录制功能

    Appium Desktop除了可以做Server之外还可以进行元素定位和脚本录制功能,点击放大镜按钮,进入页面设置.开始配置Desired Capabilities. 配置Desired Capab ...

  5. Python+Selenium - 一个元素有两个标签时：一个用于显示，一个用于底层

    如下图,这种一个元素由两个标签控制的,用js改值时需要两个标签的属性值都改 改值代码 js_code = 'a = document.getElementById("lostdate&quo ...

  6. 【BootStrap】--具有增删改查功能的表格Demo

    [BootStrap]--具有增删改查功能的表格Demo 目录(?)[+] 前言 版本一 样式 代码 版本二 样式 代码 版本三 样式 代码 总结 前言 bootstrap的表格样式,有类似EasyU ...

  7. 【CSS进阶】伪元素的妙用2 - 多列均匀布局及title属性效果

    最近无论是工作还是自我学习提升都很忙,面对长篇大论的博文总是心有余而力不足,但又不断的接触学习到零碎的但是很有意义的知识点,很想分享给大家,所以本篇可能会很短. 本篇接我另一篇讲述 CSS 伪元素的文 ...

  8. html/css 表格元素以及表格布局

    一,html之表格 1,一个完整的html表格所包含的元素 <!--一个完整的html表格--> <!--cellpadding代表单元格内的文字和单元格边框之间的间距--> ...

  9. ul和li实现分两列（多列）布局显示

    简单语句实现DIV+CSS分两列(多列)布局显示 <style type="text/css"> .my ul { width: 210px; } .my li { w ...

随机推荐

  1. JavaScript八张思维导图—Date用法

    JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...

  2. Navicat连接阿里云Mysql遇到的的坑

    连上去那一刻,心态真是起飞了

  3. css样式小记

    溢出文字展现为... .over-hidd { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

  4. SQL的各种连接（cross join、inner join、full join)的用法理解

    SQL中的连接可以分为内连接,外连接,以及交叉连接 . 1. 交叉连接CROSS JOIN 如果不带WHERE条件子句,它将会返回被连接的两个表的笛卡尔积,返回结果的行数等于两个表行数的乘积: 举例, ...

  5. Rootkit 核心技术——利用 nt!_MDL（内存描述符链表）突破 SSDT（系统服务描述符表）的只读访问限制 Part I

    -------------------------------------------------------- 在 rootkit 与恶意软件开发中有一项基本需求,那就是 hook Windows ...

  6. IOS学习笔记25—HTTP操作之ASIHTTPRequest（一）

    ASIHTTPRequest是一个第三方开源项目,在现在的IOS应用中多使用到这个开源类库来提供网络操作,相比于SDK提供的网络操作类库,ASIHTTPRequest使用上更加方便.效率更高,同时功能 ...

  7. Cannot complete the install because one or more required items could not be found

    弄了一天的subclipse也没装上,郁闷~~~~~~~~ 无论采用本地安装还是站点安装都不行,在安装的时候显示错误: Cannot complete the install because one  ...

  8. eclipse导入包之后中文乱码

    windows ->preferences  ->workspace -> default ->GBK

  9. Linuxc - 执行c程序

    1.新建工作空间 root@jiqing-virtual-machine:~/cspace/les1# pwd /root/cspace/les1 2.新建c程序 root@jiqing-virtua ...

  10. RGB颜色设置错误

    [UIColor colorWithRed:<#(CGFloat)#> green:<#(CGFloat)#> blue:<#(CGFloat)#> alpha:& ...