【HTML】a标签，src标签，table标签使用

2021-07-07 | HTML | | | 814

标签使用截图样式

标签使用代码及注释

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">  <!--字符集 -->
    <title>a标签，src标签，table标签使用</title>
</head>
<body>
	<!--a 标签的使用 -->
	<!--a 标签的使用  target中 _self代表不新建标签、_blank新建页面跳转-->
	<a href="https://gylq.github.io/" target="_self">孤桜懒契的博客</a><br/>
	<a href="https://gylq.github.io/" target="_blank">孤桜懒契的博客</a>

	<!--img标签的使用 alt当图片不存在描述图片-->
	<img src="1.jpg" alt="qq图片">

	<!--表格tr代表一行，th单元格数据加粗 ，td一个单元格的数据,borden边框，cellpadding单元格大小，单元格间距cellspacing，colspan行单元格拼接，竖单元格拼接rowspan-->
	<table border="1" cellpadding="10" cellspacing="2">
		<tr><th>#</th><th>名字</th><th>年龄</th></tr>
		<tr><td>1</td><td>刘备</td><td>11</td></tr>
		<tr><td>2</td><td>张飞</td><td>22</td></tr>
		<tr><td>3</td><td>关羽</td><td>33</td></tr>
		<tr><td>总数</td><td colspan="2">3人</td></tr>
	</table>
		<table border="1" cellpadding="10" cellspacing="2">
		<tr><th>#</th><th>名字</th><th>年龄</th></tr>
		<tr><td>1</td><td>刘备</td><td>11</td></tr>
		<tr><td>2</td><td>张飞</td><td>22</td></tr>
		<tr><td>3</td><td>关羽</td><td rowspan="2">33</td></tr>
		<tr><td>4</td><td>小羽</td></tr>
		</table>

	<!--a 标签的使用  top返回最上面-->
	<a name="top"></a>
	<p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>https://gylq.github.io/</p><p>
	<a href="#top">返回头部</a>
</body>
</html>

我的个人博客

孤桜懶契：http://gylq.github.io

本文标题:【HTML】a标签，src标签，table标签使用

文章作者:孤桜懶契

发布时间:2021年07月07日 - 15:19:33

最后更新:2022年05月20日 - 11:47:45

原始链接:https://gylq.gitee.io/posts/60.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际转载请保留原文链接及作者。

-------------------本文结束感谢您的阅读-------------------

坚持原创技术分享，感谢您的支持和鼓励！