不介绍html5,那html都有些什么内容

web开发的三大基本语言

web开发的三大基本语言包括:HTML、CSS和JavaScript(其中HTML是web开发的关键)。

 

图1-web开发的三大核心语言(图片来自秒秒学)

 

从图1可以看出HTML的作用,它处在web开发的核心位置。简单概括的话:HTML为web开发提供了内容;CSS控制如何展示内容;而JS更多的集中在控制逻辑和实现交互上。如果你还不是很清楚它们的作用,通过下面三张图片就能一目了然。

 

图2-某网站(图片来自秒秒学)

 

图3-只移除CSS(图片来自秒秒学)

 

图4-只移除HTML(图片来自秒秒学)

图3中移除CSS后,使页面丑化了不少,而图4移除HTML后,内容都消失了,就甭提页面美化和丑化的问题了。当然你也可以移除JavaScript试试,只不过效果看不太明显,建议你可以去秒秒学的界面尝试一下。

 

HTML在web开发上的优势

我们知道HTML是一种标记语言,下面我们来总结一下HTML在web开发方面有什么优势:

  1. 编码正确的HTML文档能提高文档的可读性。(怎么也比txt文档读起来舒服吧。)
  2. 鲜明地表达文档的结构及结构中内容之间的关系。(和word类似,有标题,内容,图表等,甚至可以添加按钮。从而可以鲜明的展示。)
  3. 允许用户链接到其他的网页。(点击->跳转)
  4. HTML通过标记标签来描述网页如何与其它页面上的内容相关联。(标签就是告诉浏览器,内容是什么类型,比如<h1>标签,就是告诉浏览器“我是标题1“。标签还可以告诉浏览器“我是内容”,“我是表格”等内容。只有正确使用标签,浏览器才能正确的显示内容。)

 

HTML标签实例

HTML是一种标记语言,因此我们不得不提到它的标记,我们称HTML标记为标签。标签涉及到具体的HTML代码,而不是从网页界面直接看到的东西,下面我们看一个常用的p元素(段落标签)是如何构成的。

 

图5-p元素(图片来自秒秒学)

 

下面我们在HTML文件中写一个简单的p元素,来看看在浏览器中它会以什么样的方式呈现。

 

图6-记事本编写p标签

 

图7-网页中展示p标签的内容

大牛推荐的学习网站

除了段落标签,还有各式各样其他的标签,这些标签都可以在w3c上轻松找到。下图中推荐了几个网站给大家:

 

图8-网络资源(图片来自秒秒学)

我还是贴心地帮你们抠出来吧:

http://www.w3.org/TR/HTML5/

https://HTML.spec.whatwg.org/multipage/

https://developer.mozilla.org/zh-CN/

https://www.webplatform.org/

个人觉得学习HTML,基本就是在学习各种标签的使用,较容易学习,而且有一大堆的资料可以参考。所以如果你想学习web开发,花半天或一天认真学习一下HTML是很有必要的。

posted @ 2016-01-13 09:18  秒秒学  阅读(331)  评论(0编辑  收藏  举报