嵌入式技术论坛
直播中

lee_st

13年用户 45163经验值
擅长:841961
私信 关注
[经验]

第42章 HTML超文本标记语言基础知识

转帖
本章节为大家讲解HTML(HyperText Markup Language,超文本标记语言),这个是搞网页设计的基础,所以对于初学者来说,是务必要掌握的。
      (本章的知识点主要整理自网络)
42.1 初学者重要提示
42.2 HTML基础知识参考资料
42.3 HTML基础知识点
42.4 HTML网页制作
42.5      总结

回帖(21)

lee_st

2018-1-4 09:10:26
42.1  初学者重要提示
这里强烈为初学者推荐一个HTML入门学习网站,可以在线查看语法,基本每个标签都有配套例子,支持在线调试,且网站速度很快,对于初学入门来说,极其方便。
举报

lee_st

2018-1-4 09:10:45
42.2  HTML基础知识参考资料
      大家可以从以下地址获得HTML基础知识:
1、wiki百科中文版HTML
2、wiki百科英文版HTML
3、百度百科HTML
对这些基础知识有个了解后,直接看42.1小节中推荐的入门学习网站即可。
举报

lee_st

2018-1-4 09:11:00
42.3  HTML基础知识点
      (这里的知识点整理自上面的参考资料地址)
      教程这里也对HTML的基础知识做个介绍,方便大家先有个大概的认识。
举报

lee_st

2018-1-4 09:11:15
42.3.1 HTML简要说明
      HTML(HyperTextMarkup Language,超文本标记语言)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。
      HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来将信息结构化——例如标题、段落和列表等等,也可以在一定程度上用来描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。
      HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用CSS(Cascading Style Sheets,层叠样式表)来定义文本和其它元素的外观与布局。
      啰嗦了这么多,对于什么才是HTML,下面的总结,言简意赅。
1、HTML是用来描述网页的一种语言。
2、HTML指的是超文本标记语言(Hyper Text MarkupLanguage)。
3、HTML不是一种编程语言,而是一种标记语言(markuplanguage)。
4、标记语言是一套标记标签(markup tag)。
5、HTML使用标记标签来描述网页。
举报

lee_st

2018-1-4 09:11:31
42.3.2 HTML标签
      HTML标记标签通常被称为HTML标签(HTML tag)。
1、HTML标签是由尖括号包围的关键词,比如。
2、HTML标签通常是成对出现的,比如
3、标签对中的第一个标签是开始标签,第二个标签是结束标签。
4、开始和结束标签也被称为开放标签和闭合标签。
举报

lee_st

2018-1-4 09:11:47
42.3.3 HTML文档/网页
      HTML文档也被称为网页,包含HTML标签和纯文本。而Web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容:

  
   

我的第一个标题


   

我的第一个段落。


  
举报

lee_st

2018-1-4 09:12:11
例子解释:
与之间的文本描述网页。
与之间的文本是可见的页面内容。

之间的文本被显示为标题。

之间的文本被显示为段落。
具体这个内容如何在网页显示出来呢?可以看本章节42.4小节中的网页制作方法。
举报

lee_st

2018-1-4 09:12:26
42.3.4 HTML发展史
HTML第一版
     1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)。
HTML 2.0
     1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时。
HTML 3.2
      1997年1月14日,W3C推荐标准。
HTML 4.0
      1997年12月18日,W3C推荐标准。
HTML 4.01(微小改进)
      1999年12月24日,W3C推荐标准。
HTML 5
      2014年10月28日,W3C推荐标准。
举报

lee_st

2018-1-4 09:12:42
ISO/IEC15445:2000(“ISO HTML”)
      2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准。
      HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为HTML的一个超集。为了和当时的各种HTML标准区分开来,第一个正式规范使用了2.0作为其版本号。虽然HTML+的发展继续下去,但是它从未成为标准。
      HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,该草案于1995年9月过期时,标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持,最后成为另外一个标准MathML。
     HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”一些标准,把一些元素和属性标记为过时,建议不再使用它们。HTML的未来和CSS结合会更好。
      HTML 5草案的前身名为Web Applications 1.0,于2004年被WHATWG提出,2007年被W3C接纳,并成立了新的HTML工作团队,在2008年1月22日,第一份正式草案发布。
举报

lee_st

2018-1-4 09:13:06
42.4 HTML网页制作
      我们这里讲解一种最简单的网页制作方法,使用记事本即可,下一章节会专门为大家讲解使用NotePad++做网页编辑。
第1步:新建一个文本文件。

举报

lee_st

2018-1-4 09:13:46
第2步:打开文件,将本章节42.3.3小节中的HTML代码复制到此文件里面。

举报

lee_st

2018-1-4 09:14:03
第3步:点击文件->保存,之后关闭此文件。

举报

lee_st

2018-1-4 09:14:22
第4步:也是最后一步,重命名,主要是是修改后缀为html或者htm即可。
出现下面选项时,点击是即可:

举报

lee_st

2018-1-4 09:14:55
之后就会变成下面这个样子,我这里是Google浏览器,所以识别出来是这样的:
然后点击打开,就可以看下我们设置的HTML代码效果了:
至此,一个简单的网页显示效果就出来了。

举报

lee_st

2018-1-4 09:15:11
42.5 总结
      本章节就为大家讲解这么多,更多HTML的相关知识需要大家查阅相关书籍进行学习,或者网上搜索相关资料进行学习。本章42.1小节中为大家推荐的HTML初学入门网站,推荐大家看看,在线调试一些例子就基本熟练了。
举报

lee_st

2018-1-4 09:15:25
分享完成,,,,,
举报

lee_st

2018-1-5 10:02:07
谢谢支持的啊,大家,
举报

lee_st

2018-1-5 10:04:54
偶是灰常爱分享的啊
举报

lee_st

2018-1-5 10:08:35
建议大家一起来分享啊
举报

更多回帖

发帖
×
20
完善资料,
赚取积分