HTML标签

h1~h6标题 p 段落

• h1：代表页面最大的标题
• h2：代表二级标题
• h3：更弱的标题
• p：段落，表示一大段文字

a 连接，连接到一个地址

筱琦.com
筱琦.com
筱琦.com
筱琦.com
href后是跳转地址，必备属性。
title属性：鼠标悬浮到标签上的时候看到的内容，不需要点击标签，便可以知道。
#代表的是某点，点击不会跳转也不会刷新。
#about：点击会跳转id=about的链接上。
/相对于跟路径。

img标签用于展示一张图片，自闭合标签，不需要添加内容。

alt作用：
 1.当图片无法显示的时候，alt会给出一段说明文字，默认不展示，
 2.  对于视力有问题的人，用机器的时候，会告诉他们这个地方是一张图片
 3. 便于搜索引擎搜索。

div标签，语义是“一大块”，用于给页面划分区块，让结构更清晰。

......
......
......
id给页面的元素取一个唯一的名字，class代表一类的东西，不同的元素可以添加同一个class。

ul li：定义一个无序列表

- ul：unsort list无序列表
- 用于表示并列的内容
- ul的直接子元素一定是li，不可以在里面添加P等其他标签
- 可以嵌套

ol li：定义一个有序列表

- ol：order list有序列表
- 用于表示带步骤或者编号的并列内容，代码写完默认情况下会有123等顺序。
- ul的直接子元素一定是li，不可以在里面添加P等其他标签
- 可以嵌套

dl dt dd标签

用于展示一系列“标题：内容...”的场景

  

    
姓名：
    
李筱琦
    
性质：
    
女
    
23岁
    
最后描述
    
是一名毕业的大学生
  
**嵌套关系要弄明白，嵌套关系不要弄混。**
主要用于页面表单的输入。

1.png

button： 按钮

点我

strong em

- em：需要强调一下。
- strong：很重要，加粗，重点强调。
- span：对于一些元素，相对里面个别的内容添加一下样式，可以用span把它包围住，之后用CSS定义其颜色。无任何语义。

iframe：用于嵌入一个页面

用于在当前页面嵌入一个页面，主语跨域操作问题
以下代码当前页面上会有饥人谷的页面，点击w3cschool.cc会跳转到w3cschool.cc的页面。即打开w3c的连接是在iframe里面打开，注意target的值和iframe的name值一样。

w3cschool.cc
应用场景：
- 做一个简单的教程
- 现在有一个网站的后台管理页面，这个管理页面上有很多的区块，每一个区块是一个图表，每个图表在其他的地方都可以用，就可以把一个图表作为一个iframe放到页面上，这样的打开页面就可以看到很多图表，但是这个图表在其他的网站想要使用，写一个iframe之后把网址嵌入进去就可以了，来达到复用东西。
- 当前的Iframe的地址（域名）和你当前页面的地址（域名）是同一个的话，可以用js操作页面的内容，但如果不是同一个的话，JS没办法操作，只能展示。

table 用于展示表格table，tr（一行），th（标题里的一列，显示内容加粗），tr，td（普通行里的一列，显示内容不加粗）

用于展示表格，不要用来布局，thead，tbody，tfoot可省略，浏览器会自动添加border-collapse:collapse；用于合并边框。

 

      

        
姓名
        
年纪
      
      

        
小明
        
18
      
      

        
小花
        
20
      
  

凡是和样式相关的，都是由CSS控制，标签只是起到语义和结构化的作用

3.png

一些其他标签：

• ：文档对象模型

1. 混杂模式：不加，浏览器用自己的方式渲染页面。
2. 标准模式:加，告诉浏览器如何渲染页面。
3. 的作用是让浏览器进入标准模式，采用HTML5的方式进行页面额加载和渲染。不写的话，页面将进入混杂模式。

• ：整个页面的根节点，所有的东西都在这里面，只有一个。里面包含和

1. lang = "zh"：告诉浏览器所使用的语言。当打开其他语言的页面，会弹出一个是否翻译成中文的页面的窗口。

• ：头结点，包含和内容展示无关的东西，