菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 丁竹清-前端（4）-20221108 [打印本页]

作者: 清墨、 时间: 2022-11-9 00:49
标题: 丁竹清-前端（4）-20221108

HTML常用标签：
标题标签：<h1>~<h6>
段落标签：<p></p> （paragraph）
换行标签：<br>
文本格式化标签：
   加粗标签 <strong></strong>或者<b></b>
   倾斜标签 <em></em>或者<i></i>
   删除线 <del></del>或者<s></s>
   下划线 <ins></ins>或者<u></u>
<div>和<span>标签：

div：英文division的缩写，代表分割、分区的意思。

span ：代表跨度、跨距的意思。

图像标签：

超链接：

<a></a>

语法：<a href="跳转的目标" target=“目标窗口的打开方式”>文本或者图像</a>

注*href：指定链接目标的url地址，必须属性

target：指定链接页面的打开方式

_self 是默认值，代表在当前页面进行打开

_blank 代表在新的窗口中打开页面

1、外部链接：<a href="一个外部网址" target=“_blank”>文本或者图像</a>

2、内部链接：<a href="网页名" target=“_blank”>文本或者图像</a>

3、空链接：<a href="#" >文本或者图像</a>

4、下载链接：<a href="../素材.zip" >文本或者图像</a>

5、网页元素链接：<a href="一个百度网址" target=“_blank”>文本或者图像

</a>

6、锚点链接：<a href="#定义名" >你是哈哈</a>

省略

表格标签：

<table>（用于定义表格）

<tr>（定义表格中的行table row）

<th>（定义行的内容是否是表头内容，会加粗显示、居中对齐）

</th>

<td>（定义表格中的单元格table data）

</td>

</tr>

</table>

属性：

<tr>（定义表格中的行table row）

<th>（定义行的内容是否是表头内容，会加粗显示、居中对齐）

</th>

<td>（定义表格中的单元格table data）

</td>

</tr>

</table>

结构：

<thead></thead>：代表表格的头部区域，，一般位于表格的第一行。内部必须拥有<tr></tr>标签和<th></th>标签。

<tbody></tbody>：代表表格的主体区域，主要用来放数据的本体。

<thead>（表格头部区域）

<tr>（定义表格中的行table row）

<th>（定义行的内容是否是表头内容，会加粗显示、居中对齐）姓名</th>

<th>（定义行的内容是否是表头内容，会加粗显示、居中对齐）年龄</th>

<th>（定义行的内容是否是表头内容，会加粗显示、居中对齐）身高</th>

</tr>

</thead>

<tbody>（表格主体区域）

<tr>（定义表格中的行table row）

<td>（定义表格中的单元格table data）小明</td>

<td>（定义表格中的单元格table data）22</td>

<td>（定义表格中的单元格table data）180</td>

</tr>

<tr>（定义表格中的行table row）

<td>（定义表格中的单元格table data）小红</td>

<td>（定义表格中的单元格table data）20</td>

<td>（定义表格中的单元格table data）158</td>

</tr>

</tbody>

</table>

合并单元格：

跨行合并：rowspan=“合并单元格的个数”

跨列合并：colspan=“合并单元格的个数”

步骤：

1、确定要合并的第一个单元格

2、确定跨行还是跨列合并，并且要写明要合并单元格的个数

3、将被合并的单元格给删除掉

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)