我的第一个网页
1. 基本的结构
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
通过观察我们发现,HTML基本结构中所有的标签都是成对出现的,
这些成对出现的标签中有一个带/有一个不带/,
那么这些不带/的标签我们称之为开始标签,
这些带/的标签我们称之为结束标签
2. 对于标签的解释
<html></html>
作用:
用于告诉浏览器这是一个网页,也就是说告诉浏览器我是一个HTML文档
注意点:
其他所有的标签都必须写在html标签里面,也就是写在html开始标签和结束标签中间
<head></head>
作用:
用于给网站添加一些配置信息
注意点:
一般情况下,写在head标签内部的内容都不会显示给用户查看,也就是说一般情况下写在head标签内部的内容我们都看不到
例如:
- 指定网站的标题 / 指定网站的小图片
- 添加网站的SEO相关的信息(指定网站的关键字 / 指定网站的描述信息)
- 外挂一些外部的css/js文件
- 添加一些浏览器适配相关的内容
<title></title>
作用:
专门用于指定网站的标题,并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:
title标签必须写在head标签里面
<body></body>
作用:
专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
注意点:
- 虽然说有时候你可能将内容写到了别的地方在网页中也可以看到,但是千万不要这么干,一定要将需要显示的内容写在body中
- 一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
Html标签的分类
- 单标签
只有开始标签没有结束标签,也就是由一个<>组成的 - 双标签
有开始标签和结束标签,也就是由一个<>和一个</>组成的
HTML标签关系分类: - 并列关系(兄弟/平级)
- 嵌套关系(父子/上下级)