⦁ 发送邮件:<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. Spark算子--flatMapValues

    转载请标明出处http://www.cnblogs.com/haozhengfei/p/e7a46cecc65720997392516d553d9891.html flatMapValues--Tra ...

  2. Spark_总结一

    Spark_总结一 1.Spark介绍     1.1什么是Spark?     Apache Spark是一个开源的集群计算框架,使数据计算更快(高效运行,快速开发)          1.2Spa ...

  3. 从零开始学习前端开发 — 9、标签嵌套规则及CSS常用样式覆盖

    1. 块级元素可以包含内联元素或某些块级元素,但内联元素却不能包含块级元素,它只能包含其它的内联元素: <div><h1></h1><p></p& ...

  4. 解决不同操作系统下git换行符一致性问题

    一.不同操系统下的换行符CR回车 LF换行Windows/Dos CRLF \r\nLinux/Unix LF \nMacOS CR \r二.解决方法 打卡git bash,设置core.autocr ...

  5. mysql中使用show table status 查看表信息

    本文导读:在使用mysql数据库时,经常需要对mysql进行维护,查询每个库.每个表的具体使用情况,Mysql数据库可以通过执行SHOW TABLE STATUS命令来获取每个数据表的信息. 一.使用 ...

  6. js的join和split

    1,split   将字符串转为数组 第一个参数必须,可以是字符串和正则表达式,表示从该地方开始分割字符串:第二个参数可选,表示返回数组的最大长度. split():把整个字符串塞入一个数组中 spl ...

  7. 使用WinDbg获取SSDT函数表对应的索引再计算得出地址

    当从Ring3进入Ring0的时候会将所需要的SSDT索引放入到寄存器EAX中去,所以我们这里通过EAX的内容得到函数在SSDT中的索引号,然后计算出它的地址首先打开WinDbug,我们以函数ZwQu ...

  8. 安装新的int 9中断例程

    body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...

  9. [one day one question] webpack打包压缩 ES6 js、.vue报错

    问题描述: 报错: ERROR in js/test.js from UglifyJs Unexpected token punc ?(?, expected punc ?:? [js/test.js ...

  10. js 数组与对象的区别

    学习javascript的时候,我曾经一度搞不清楚”数组”(array)和”对象”(object)的根本区别在哪里,两者都可以用来表示数据的集合.   比如有一个数组a=[1,2,3,4],还有一个对 ...