硬汉嵌入式论坛

 找回密码
 立即注册
查看: 2079|回复: 3
收起左侧

[RL-TCPnet教程] 【RL-TCPnet网络教程】第42章 HTML超文本标记语言基础知识

[复制链接]

740

主题

1326

回帖

3546

积分

管理员

春暖花开

Rank: 9Rank: 9Rank: 9

积分
3546
QQ
发表于 2018-1-2 15:51:00 | 显示全部楼层 |阅读模式
第42章     HTML超文本标记语言基础知识

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



42.1  初学者重要提示
这里强烈为初学者推荐一个HTML入门学习网站:http://bbs.armfly.com/read.php?tid=33467 ,可以在线查看语法,基本每个标签都有配套例子,支持在线调试,且网站速度很快,对于初学入门来说,极其方便。

42.2  HTML基础知识参考资料
      大家可以从以下地址获得HTML基础知识:
1、wiki百科中文版HTML:地址链接(这个是超链接)
2、wiki百科英文版HTML:地址链接(这个是超链接)
3、百度百科HTML:地址链接(这个是超链接)
对这些基础知识有个了解后,直接看42.1小节中推荐的入门学习网站即可。
努力打造安富莱高质量微信公众号:点击扫描图片关注
回复

使用道具 举报

740

主题

1326

回帖

3546

积分

管理员

春暖花开

Rank: 9Rank: 9Rank: 9

积分
3546
QQ
 楼主| 发表于 2018-1-2 15:54:52 | 显示全部楼层
42.3  HTML基础知识点
      (这里的知识点整理自上面的参考资料地址)
      教程这里也对HTML的基础知识做个介绍,方便大家先有个大概的认识。

42.3.1 HTML简要说明
      HTML(HyperTextMarkup Language,超文本标记语言)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。
      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使用标记标签来描述网页。

42.3.2 HTML标签
      HTML标记标签通常被称为HTML标签(HTML tag)。
1、HTML标签是由尖括号包围的关键词,比如<html>。
2、HTML标签通常是成对出现的,比如<b>和</b>。
3、标签对中的第一个标签是开始标签,第二个标签是结束标签。
4、开始和结束标签也被称为开放标签和闭合标签。

42.3.3 HTML文档/网页
      HTML文档也被称为网页,包含HTML标签和纯文本。而Web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容:
  1. <html>
  2.   <body>
  3.     <h1>我的第一个标题</h1>
  4.     <p>我的第一个段落。</p>
  5.   </body>
  6. </html>
复制代码
例子解释:
<html>与</html>之间的文本描述网页。
<body>与</body>之间的文本是可见的页面内容。
<h1>与</h1>之间的文本被显示为标题。
<p>与</p>之间的文本被显示为段落。
具体这个内容如何在网页显示出来呢?可以看本章节42.4小节中的网页制作方法。

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推荐标准。
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日,第一份正式草案发布。

努力打造安富莱高质量微信公众号:点击扫描图片关注
回复

使用道具 举报

740

主题

1326

回帖

3546

积分

管理员

春暖花开

Rank: 9Rank: 9Rank: 9

积分
3546
QQ
 楼主| 发表于 2018-1-2 15:58:27 | 显示全部楼层
42.4 HTML网页制作
      我们这里讲解一种最简单的网页制作方法,使用记事本即可,下一章节会专门为大家讲解使用NotePad++做网页编辑。
第1步:新建一个文本文件。
42.1.png
                              
第2步:打开文件,将本章节42.3.3小节中的HTML代码复制到此文件里面。
42.2.png
第3步:点击文件->保存,之后关闭此文件。
42.3.png
第4步:也是最后一步,重命名,主要是是修改后缀为html或者htm即可。
42.4.png
出现下面选项时,点击是即可:
42.5.png
之后就会变成下面这个样子,我这里是Google浏览器,所以识别出来是这样的:
42.6.png
然后点击打开,就可以看下我们设置的HTML代码效果了:
42.7.png
至此,一个简单的网页显示效果就出来了。

努力打造安富莱高质量微信公众号:点击扫描图片关注
回复

使用道具 举报

740

主题

1326

回帖

3546

积分

管理员

春暖花开

Rank: 9Rank: 9Rank: 9

积分
3546
QQ
 楼主| 发表于 2018-1-2 15:58:56 | 显示全部楼层
42.5 总结
      本章节就为大家讲解这么多,更多HTML的相关知识需要大家查阅相关书籍进行学习,或者网上搜索相关资料进行学习。本章42.1小节中为大家推荐的HTML初学入门网站,推荐大家看看,在线调试一些例子就基本熟练了。

努力打造安富莱高质量微信公众号:点击扫描图片关注
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|Archiver|手机版|硬汉嵌入式论坛

GMT+8, 2024-5-4 07:21 , Processed in 0.232882 second(s), 28 queries .

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表