超链接标签、

最新推荐文章于 2024-06-13 17:45:51 发布

日拱一卒无有尽，功不唐捐终入海

最新推荐文章于 2024-06-13 17:45:51 发布

阅读量176

点赞数 1

分类专栏：编程自学笔记 # JavaWeb学习笔记文章标签： html html5

本文链接：https://blog.csdn.net/m0_49128301/article/details/120378526

版权

编程自学笔记同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

JavaWeb学习笔记

25 篇文章 0 订阅

订阅专栏

2.4超链接标签

2.4.1、<a></a>

超链接标签，用于在效果中定义一个可以点击跳转的链接

href：超链接跳转的路径（必须有属性）

内网本机路径：相对路径/绝对路径

互联网路径：http//：//地址

本页：默认跳转到本页

超链接正常工作的条件：①a标签内容体，不仅仅是文字，也可以是图片等

②a标签的href属性，不仅仅可以连接到html上，也可以连接到其他文件上，例如图片上。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家庭与工作</title>
	</head>
	<body>
		<a href=https://mp.csdn.net/mp_blog/creation/editor?not_checkout=1   > c站   </a>
		<a href="../../img/橙子.jpg"><h6>橙子</h6></a>	
		<a href="../../img/橙子.jpg" >
			<img src="../../img/橙子.jpg" width=10%/>
		</a>	
	</body>
</html>

2.5表格标签

2.5.1、<table></table>

表格标签，用于效果中定义一个表格

①border：设置表格的边框粗细

②width：设置表格的宽度

2.5.2、<tr></tr> row：行，排；划船，街道

表格中的行标签，用于在效果中定义一个表格行

2.5.3、<td></td>

表格中的普通单元格标签，用于在效果中定义普通单元格

2.5.4、<th></th> table head

表格中的表头单元格标签，用于在效果中定义表头单元格标签

<td></td>与<th></th>唯一区别：<th></th>会字体居中加粗

2.5.5、合并单元格

<td>或者<th>都有两个单元格合并属性

①colspan：跨列合并单元格【横着合并】合并完多余的单元格必须删掉

②rowspan：跨行合并单元格

合并步骤：

①确定合并那几个单元格

②确定跨行还是划列（用colspan/rowspan）

③合并几个单元格，属性就等于几

④被合并的单元格必须删掉

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--定义一个表格-->
		<table border="2" width="40%" >
			<!--定义第一行，依次定义每一个单元格-->
			<tr>
				<th>语文 </th>
				<th>数学  </th>
				<th>英语  </th>
				<th>历史  </th>
			</tr>
			
			<tr>
				<td colspan=2>120 </td>
				<!--合并列之后删除多余的-->
				<td>99  </td>
				<td>78  </td>
			</tr>
			<tr>
				<td rowspan=2 >123 </td>
				<td>97  </td>
				<td>88  </td>
				<td>76  </td>
			</tr>
			<tr>
			<!--合并行之后删除多余的-->
				<td>86  </td>
				<td colspan=2 rowspan=2>79  </td>
				<!--跨列，跨行，留第一个删掉不要的所有的-->
			</tr>
			<tr>
				<td>100 </td>
				<td>95  </td>
				
				
			</tr>
		</table>
		
	</body>
</html>

日拱一卒无有尽，功不唐捐终入海

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
超链接标签、

2.4超链接标签2.4.1、<a></a>超链接标签，用于在效果中定义一个可以点击跳转的链接href：超链接跳转的路径（必须有属性）内网本机路径：相对路径/绝对路径互联网路径：http//：//地址本页：默认跳转到本页超链接正常工作的条件：①a标签内容体，不仅仅是文字，也可以是图片等 ②a标签的href属性，不仅仅可以连...
复制链接

扫一扫