html：提供内容 内容是静态的
css：美化网页 也可以针对页面的布局进行控制
JavaScript：提供功能 特效、验证、逻辑的实现
html:超文本标记语言
使用标签描述网页 网页即是html文档
提供了新的标签和功能：语义标签、多媒体、智能表单
提供了很多新的功能：画布、地理定位、本地存储、WebSocket、WebWorker等。
集成开发环境IDE：DreamWeaver WebStorm等
文本标签
1、文本标签
2、转义字符
3、换行符与分割线
br:换行符
hr:分割线
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本标签</title> </head> <body> <p>段落</p> <h1>标题1</h1> <h6>标题6</h6> <pre> hello world!</pre> <font color="red" size="+5">文本</font> H<sub>2</sub>o 2<sup>3</sup> <address>山西运城</address> <p><u><i><strong>粗体</strong></i></u> <del>$1000</del> hello world 2 >1 2 <3 <br/><hr/> "hello" ? & </p> </body> </html> |
段落 标题1 标题6 hello world! 文本 H2o 23 山西运城 粗体 $1000 hello world 2 >1 2 <3 _________________________________ "hello" ? & |
标签的通用属性
1、行级标签和块级标签
2、标签的通用属性
3、注释
<!-注释内容-->
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>标签的通用属性</title> </head> <body> hello html5(<span>最新版本</span>)! <p class="p1" id="p1" style="" title="段落">段落1</p> <p align="center">段落2</p> <!--注释 </body> </html> |
hello html5(最新版本)! 段落1 段落2 |
图片标签
1、浏览器支持的图片格式
2、在页面使用图片
title：鼠标悬停时显示的内容
3、使用图片的最佳实践
图片应该尽可能小，目的是打开页面时间短。
图片可以放在单独的服务器上
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片标签</title> </head> <body> <img src="89dea615jw1f1eb9zbiqkj20c80c80tp.jpg" align="男孩" width="220" height="220" title="boy" /> </body> </html> |
超链接
1、超链接概念
超链接是同其他网站资源间进行连接的元素。
站内链接或站外链接
网页或其他元素，比如mp3文件、rar压缩文件
2、<a>标签的使用
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>超链接</title> </head> <body> <a href="http://www.hao123.com" target="_blank">hao123</a> <a href="Untitled-1.html" target="_blank">基本结构</a> <!-- <a href="mailto:[email protected]">联系我</a> <!-- <a href="untitled-4.html#comments">评论</a> <!--本页面的话直接使用锚点--> <a href="#comments">评论</a> </body> </html> |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> 虽说"同行是冤家"，但5月28日在深圳，来自中外马桶盖品牌的制造商不仅汇聚一堂，而且"你让我、我让你"般谦虚地讨论起来。 "这说明他们这个行业现状竞争还不激烈，"和他们同坐在一个讲台上的吴晓波说，"高速发展结束以后就要打起来了，以现在的速度，三年以后就有刀光剑影了。" 一年多前，正是这位著名财经作家的一篇文章，让原本默默无闻的马桶盖进入公众视野。在这篇题为《去日本买只马桶盖》的文章中，吴晓波以自己团队到日本购买马桶盖、电饭煲等现象有感而发。"‘中国制造‘的明天，并不在他处，而仅仅在于——能否做出打动人心的产品，让我们的中产家庭不必越洋去买马桶盖。"他在文章结尾写道。 恐怕吴晓波本人也没有想道，这篇在回国飞机上花了三小时写成的文章会引起强烈反响。抛开文章给他所创办的微信公众号带来百万的点击率不说，松下电化住宅设备机器(杭州)有限公司总经理吴亮透露，一年内中国马桶盖的生产商从60家增长至110家，而松下马桶盖的销售额也翻了两番。 这篇文章冲击的不仅仅是企业。在去年的全国"两会"上，李克强总理在看望全国政协的经济、农业界委员时也对中国游客去日本购买马桶盖一事做出了回应。他说，中国民众的消费水平在提高，中国的产业也应该升级换代。 今年4月4日，在国务院印发的《贯彻实施质量发展纲要2016年行动计划》中，马桶盖和电饭煲、空气净化器等产品赫然在列，成为"消费者普遍关注的消费品"，被要求"开展改善消费品供给专项行动，组织实施消费品质量提升工程，增品种、提品质、创品牌"。 马桶盖也因此成为一种象征，中国制造转型升级的象征。这或许也是在"吴晓波频道"、"大头商学院"举办的《转型之战：Made 5月28日的课堂上，自称"马桶盖始作俑者"的吴晓波还邀请了四位企业家，除了中日品牌的马桶盖制造商，还有美的集团的副总裁从第三方立场阐述对这一事件的看法。 "马桶盖背后折射出来不仅有中国中产阶级理性消费的崛起，还有中国制造改革的另一个路径，从需求路径转移到供给路径，更折射出来中国制造对自我的期许和基础进步和迭代能力。"吴晓波指出。 这也从三位制造商，特别是两位国产马桶盖品牌的制造商发言中可见一斑。惠达卫浴集团副总裁杜国峰介绍说，企业过去以外贸加工为主，后来从外销主导到内销主导，再从制造主导到营销服务型主导，如今正由传统制造业向智慧生态型企业转型。 恒洁卫浴集团的总经理谢旭藩发言的第一句话就是"中国的马桶盖企业有机会弯道超车"。而他在发言中说的最多的一个词不是降低成本，也不是营销策略，而是创新。 如果对比历史来看，这一幕难免让人唏嘘。1978年，邓小平到日本访问，参观了一家刚刚引入机器人生产线的汽车生产厂。邓小平深有感触地说："我懂得了什么是现代化了。" 这也从三位制造商，特别是两位国产马桶盖品牌的制造商发言中可见一斑。惠达卫浴集团副总裁杜国峰介绍说，企业过去以外贸加工为主，后来从外销主导到内销主导，再从制造主导到营销服务型主导，如今正由传统制造业向智慧生态型企业转型。 恒洁卫浴集团的总经理谢旭藩发言的第一句话就是"中国的马桶盖企业有机会弯道超车"。而他在发言中说的最多的一个词不是降低成本，也不是营销策略，而是创新。 如果对比历史来看，这一幕难免让人唏嘘。1978年，邓小平到日本访问，参观了一家刚刚引入机器人生产线的汽车生产厂。邓小平深有感触地说："我懂得了什么是现代化了。" 而如今，中国已成为名副其实的"制造大国"，220多种工业品产量居世界第一位，制造业净出口居世界第一位，制造业增加值在世界占比达到20.8%。 "过去36年，中国经济发展依靠的是全球化执行的成本优势、人口红利下的规模优势、体制改革下的制度优势，这个过程里中国经历了两轮消费升级。"吴晓波认为，"今天产业淘汰将是一个常态，更残酷的是一代代企业家被淘汰，最成功的人可能会离开这个战场，你们要做好这个心理准备。" 台下是座无虚席的来自全国各地的上千名企业家。他们有人从事房地产，有人做餐饮， 还有人是做服装，但都面临一个共同的处境，那就是如何转型。 转型也是吴晓波关注的话题。今年4月底，他还带着150名企业家奔赴德国，开启了汉诺威工业展与德国工业4.0的学习之旅。 "中国人跑到那里去问的最多的话是什么？你这台设备多少钱？你这个企业卖不卖？"吴晓波说，"但是德国人却认为，买过去，仅仅是一个工艺模具，这个商品如果被迭代，模具、生产线就要重新组装。" "很有感触。"智能制造产业联盟秘书长曾玉波说，"到底什么是工业4.0，我们去德国汉诺威寻找答案，可是非但没有找到答案，反而发现：一千个人心里就有一千个工业4.0。" 吴晓波指出，随着互联网工具、新工匠精神和资本运作，中国制造业将实现转型升级，未来五年将是中国制造的黄金五年。 而就在这堂转型大课上，你会经常听到这类的故事，也似乎正在印证黄金五年的到来：一个做外贸代工的企业花了5年的时间做了一款耳机，不仅被《华尔街日报》等媒体誉为年度创新产品，还走进了苹果的商店；一家零售行业通过创新在去年实现了数十亿元的销售额；一家服装企业正在打造柔性生产线，为包括马云、柳传志等定制服装…… 对于中国制造的转型升级，民间在努力促进，更有国家的顶层设计力推。2015年5月8日，国务院正式印发《中国制造2025》，这是中国政府实施制造强国战略第一个十年的行动纲领。一年后，国务院办公厅又发出《关于开展消费品工业"三品"专项行动营造良好市场环境的若干意见》，提出要贯彻落实党中央、国务院关于推进供给侧结构性改革、促进工业稳增长调结构增效益和建设制造强国的决策部署，更好满足和创造消费需求，不断增强消费拉动经济的基础作用，促进消费品工业迈向中高端。 而回到中国马桶盖，它的春天来了，中国制造的还远吗？答案正如吴晓波所说，是面临崩溃的悲惨命运还是脱胎换骨的转型，"命运就掌握在自己手上"。 "这说明他们这个行业现状竞争还不激烈，"和他们同坐在一个讲台上的吴晓波说，"高速发展结束以后就要打起来了，以现在的速度，三年以后就有刀光剑影了。" 一年多前，正是这位著名财经作家的一篇文章，让原本默默无闻的马桶盖进入公众转型。 手上"。<br/> <a name="comments">评论</a> </body> </html> |
3、相对路径和绝对路径
4、base标签
meta标签
<meta />
可以设置
设置网页关键字
设置网页描述
设置网页作者
设置字符集
设置页面自动刷新与跳转