[小白学前端02] HTML 简介-CSDN博客

本文链接：https://blog.csdn.net/weixin_42401333/article/details/103324861

1. 两个相关组织

万维网联盟(W3C)
- 万维网联盟 World Wid Web Consortium
- W3C专门为了定义网页相关的标准而成立
- W3C定义了网页中的HTML、CSS、DOM、HTTP、XML等标准
WHATWG
- 网页超文本应用技术工作小组（WHTAWG）
- 是一个以推动网络HTML 5标准为目的而成立的组织，在 2004 年由Opera、Mozilla基金会和苹果这些浏览器厂商组成

2. 什么是 HTML

HTML(Hypertext Markup Language)超文本标记语言
它复制网页的的三个要素之中的结构
HTML使用标签的形式来表示网页中的不同组成部分
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面
- 什么叫超文本，什么叫纯文本:
  
  在纯文本编辑器中编写的内容都叫纯文本，如：Windows系统中自带的记事本、Notopad++、Sublime都属于纯文本编辑器，在这些软件中编写的内容都叫纯文本，网页就是使用纯文本编写的，这些文本是没有任何样式的，纯文本中只能保存纯文本内容，图片、视频、音频等格式化的内容都不能设置
  
  [案例 01] 我们先在Windows自带的记事本中编辑一段文字，然后调整文字大小，在用其他的纯文本编辑器打开，查看效果，如下图所示：
  
  我们发现用sublime打开时，文字的字体并没有变大，说明我们在记事本中只是将文字的显示变大了，并没有将文字本身的格式改变，故这就印证了，纯文本是无法设置文本格式化的内容的
  
  既然网页是由纯文本编辑的，那也就说明我们在记事本中写入一段纯文本，他就应该是一个网页
  
  [案例 02] 新建一个记事本文档起名为"demo01.txt"，打开记事本，输入“这是我的第一个网页”，然后保存，将文件的拓展名改为.html，打开查看效果
  
  此时你用浏览器打开刚刚编辑的html文件，会显示一个与你所编辑内容相同的网页，故可以明白，网页是用纯文本编辑的
  
  那在一个网页中我们不止要显示纯文本内容，像图片、音频、视频文件都可以引入网页，所以在纯文本的基础上进行拓展，得到的我们网页上显示的超文本内容，其实超文本，特指网页中的超链接，但是也可以泛指这些格式化的内容，以作为超文本与纯文本的区别
- 超文本标记语言中的标记是什么意思
  
  在刚刚编辑的网页demo01.html中，文本“这是我的第一个网页”其实是作为网页的标题，出现在网页中，但是一般我们所看到的标题，在网页中都会加粗加大显示，那我们怎么告诉我们的网页这是我的标题，然后让他以标题的样式来显示这行字呢，
  
  我们可以使用h1标签来告诉网页，这是我的一个一级标题，代码如下：
```
<h1>这是我的第一个网页</h1>
```
  这样就告诉浏览器表示，这段内容是一个一级标题，我们就得到的一个这样的网页

3. 网页的标准格式

网页中标签的使用方法：标签均有开始标签与结束标签，除部分自结束标签，标签名用一对尖括号(<>)包裹，结束标签，需在标签名前加一个斜杠(/)，记为结束标签，此处我们用tag_name表示任意标签的标签名，其语法为

<tag_name>...</tag_name>

所有的页面有且仅有一个根标签为html标签，网页中所有内容必须写在根标签html标签中
根标签html标签中有两个子标签，互为兄弟标签，为head标签与body标签
head标签为网页的头部标签，该标签中的内容不会在网页中直接显示，浏览器会参照head标签中设置的信息去解析网页，其中必定包含一个子标签为title标签

body标签中的所有内容均会展示给用户观看

故上面的demo01.html改为标准格式，其源代码为

<html>
<head>
  <title>我的第一个网页</title>
</head>
<body>
  <h1>这是我的第一个网页</h1>
</body>
</html>

title标签中的内会在显示在网页的标题，来提示网页中的内容，效果如图