1.1我的笔记

HTML标签：

---

记录：

HTML标签
标签

一级标题标签

二级标题标签

三级标题标签

四级标题标签

五级标题标签

六级标题标签

li标签一定要写在列表之中，不能单独使用。

ul标签内只存放li标签，不要把其他标签也放入ul当中（如果需要在列表中添加图片或链接，可以写在li中，而不是ul中）。

p换行

超链接
跳转到百度
跳转到demo01.html文件
跳转到页尾

分行标题超链接

• 百度
• 网易
• 腾讯

图片标签 网页中的图片可以使用img标签表示，代码如下所示：示例代码 img标签涉及到两个重要的属性：

src属性可以指定要显示的图片源文件的路径；路径分为绝对路径和相对路径。 相对路径就是：指目标相对于当前文件的路径，网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法，其表示的意义不尽相同。 绝对路径:是指完整的网址
alt属性中可以设置文本，当图片无法正常显示的时候，图片位置会显示alt属性中的文本信息。
div标签
div标签在网页中没有明确的语义，可以说它是一个【无语义标签】，div标签常常用来作为一个容器存放其他标签，是一个很重要的布局工具，在后续的章节中，我们会经常使用它，本节大家只做了解即可。

span标签
span标签与div标签类似，同样是一个【无语义标签】，通常用来存放文本内容。示例代码如下：

我最新欢的颜色是蓝色

我最新欢的颜色是蓝色

在上面的内容中，我们已经说过a标签的href属性和img标签的src属性和alt属性，接下来我们再说两个常用的属性。示例代码

id属性就是标签的身份证

class属性可以给标签分类

class属性可以给标签分类

class属性可以给标签分类

d属性就像标签的身份证一样，不能重复，例如我们已经编写了一个id为top的属性，那么后续的标签中就不能再有id为top的标签。我们可以通过id找到HTML文档中的唯一元素，并设置其样式（第04节我们讲解如何使用css选择器找到指定元素）。

class属性可以将HTML标签分类，我们可以通过box属性找到所有class值为box的HTML标签。