Html标签总结（二）

最新推荐文章于 2023-05-07 23:36:37 发布

True | Fasle

最新推荐文章于 2023-05-07 23:36:37 发布

阅读量208

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/caiyu666/article/details/80453163

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

图片标签：<img src="C:\Users\Administrator\Desktop\123.png" width="500" height="500" border="2" alt="这是一张三维重建图">
表格标签：<table border="1" width="500" height="500" align="center" cellpadding="10" cellspacing="0" bgcolor="red" background="C:\Users\Administrator\Desktop\123.png"> 
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
<table border="2">
<tr>
<td colspan="3">1</td> 

</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>

</table >
<table border="2">
<tr>
<td rowspan="2">1</td> 
<td >2</td>
<td >3</td>

</tr>
<tr>

<td>5</td>
<td>6</td>
</tr>
</table>
链接标签：<a href="http://www.baidu.com/" target="_blank">百度一下</a> 下载连接：

邮件链接：<a href="miilto:347632365@qq.com>邮件连接</a>
空链接：<a href="#">主页</a>
js链接：<a href="javascript:window.close()">关闭页面</a>
锚点：<a name="top"></a>

<a href="#top">返回top位置</a> <!--返回到定义锚点的位置>

下面是这些标签总结在一起的代码，可以拖进浏览器实现一下，这里就不贴图了：

<!DOCTYPE html>
<html>
<head lang=""en>
	<!--Meta标签：描述网页文档属性http-equiv和name
	http-equiv：模拟的是http文件头信息，当内容从服务器发送到客户端，告诉浏览器如何正确显示信息-->
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/><!--字符集-->
	<meta http-equiv="refresh" content="4"/><!--间隔四秒网页自动刷新-->
	<meta http-equiv="refresh" content="8;http://www.baidu.com/"/><!--间隔八秒网页跳转到百度-->
	<meta name="keywords" content="关键字"/><!--便于搜索引擎-->
	<meta name="description" content="网站的描述信息"/><!--便于搜索引擎-->
	<meta name="author" content="网站作者"/><!--便于搜索引擎-->
	<title>cy的网页</title>
</head>
<body>
<a name="top"></a><!--定义一个锚点-->
欢迎进入我的网页，开心愉快</br>
<!这是注释，不会被解析>
<img src="C:\Users\Administrator\Desktop\123.png" width="500" height="500" border="2" alt="这是一张三维重建图"><!--设置路径，以及像素大小,边框大小,-->
<table border="1" width="500" height="500" align="center" cellpadding="10" cellspacing="0" bgcolor="red" background="C:\Users\Administrator\Desktop\123.png"> <!--设置边缘距离,表格的宽度和高度（一般不设置高度），表格居中,文本距离边框的距离,单元格之间的距离,显示背景颜色和背景背景图，背景图优先级大于背景颜色-->
	<tr>
		<td>1</td><!--单元格的属性有bgcolor,background.width,height,align（水平对齐方式），valign(垂直对齐方式top，middle，bottom)-->
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>4</td>
		<td>5</td>
		<td>6</td>
	</tr>
</table>
<table border="2">
	<tr>
		<td colspan="3">1</td> <!--左右合并三个单元格-->
		
	</tr>
	<tr>
		<td>4</td>
		<td>5</td>
		<td>6</td>
	</tr>
		
</table >
<table border="2">
	<tr>
		<td rowspan="2">1</td> <!--上下合并两个个单元格-->
		<td >2</td> 
		<td >3</td> 
		
	</tr>
	<tr>
		
		<td>5</td>
		<td>6</td>
		</tr>
</table>
<a href="http://www.baidu.com/" target="_blank">百度一下</a> <!--href链接地址，绝对或者相对地址target：_blank(新窗口打开),self（本窗口打开）-->
<!--下载链接：链接文件为.exe或者.zip-->
<a href="miilto:347632365@qq.com>邮件连接</a>
<a href="#">主页</a><!--对本页面做链接（空连接）-->
<a href="javascript:window.close()">关闭页面</a>
<a name="top"></a><!--定义一个锚点-->
<a href="#top">返回top位置</a>  <!--返回到定义锚点的位置>

</body>
</html>