HTML（二）

4.5<div>和<span>标签

没有任何语义，就是一个盒子，用来装内容。

特点：

div是division的缩写，表示分割，分区，独占一行，大盒子。

span意为跨度，跨距，在一行上布局，小盒子。        

4.6图像标签和路径

1.图像标签

<img src=""/>     ---单标签、

src是img标签的必须属性，它用于指定图像文件的路径和文件名。

 在src后面增添

图像标签属性注意点：

4.7超链接标签

链接语法格式：<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

target=“_blank”--重新开启新的窗口，=“_self”--覆盖本窗口。

1.外部链接：href=“http://×××”

2.内部链接：href=“在文件夹下的名字”。

3.空连接：初始化 href=“#”。

4.下载链接：href=“×××.zip/eve”，会下载文件。

5.网页元素链接。

6.锚点链接：页面内的跳转。

      <a href="#名字">   连接名 </a>     

      找到目标位置标签，里面添加一个属性：<h1  id=“名字”>  ××× </h3>

7.注释标签：<!-->   <-->

4.8一些特殊字符

 5.表格标签

5.1  表格作用：使数据更清楚的展示。

 5.3  表头标签：<th>  ×× </th>  (自动加黑对齐)。

通常来说，会把表头标签装进<thead> </thead >,里面必须有<tr>标签，放在第一行。

<tbody>  </tbody> 除头部以外的标签，二者都放在<table>  </table>中。 

5.4 表格属性 

5.5  合并单元格 

目标单元格：左，上，位置。

rowspan：跨行。colspan：跨列。

表格总结：

         

 6 列表标签

 列表与表格是两个概念

6.1无序列表

 6.2 有序列表

 6.3 自定义标签

 大佬 带头 弟弟

6.4 列表标签总结