HTML简单基础-3_html表格成绩张飞-CSDN博客

本文链接：https://blog.csdn.net/m0_49396613/article/details/109267909

a标签、img标签、table标签

a标签的作用：就是用于控制界面与页面之间的跳转

默认就是self

self：用于在当前选项卡中跳转，也就是不新建页面跳转

_blank ：用于在新的选项卡中跳转，也就是新建页面跳转

<a href="http://www.baidu.com" target="self">百度</a>
<a href="http://www.baidu.com" target="_blank">百度</a>

锚文本

<a href="#2">锚点</a>
<a name="2">锚点</a>

在这里插入图片描述

点击可返回顶部

img标签

img 元素向网页中嵌入一幅图像。

<img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

src就是图片的地址

alt 规定图像的替代文本。

src 规定显示图像的url

width 规定图片的高度 height 规定图片的宽度

table 表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellpadding="10" cellspacing="2">
			<tr><th>#</th><th>名字</th><th>年龄</th></tr>
			<tr><td>1</td><td>刘备</td><td>23</td></tr>
			<tr><td>2</td><td>关羽</td><td>24</td></tr>
			<tr><td>3</td><td>张飞</td><td rowspan="25">25</td></tr>
			<tr><td>4</td><td>吕布</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>23</td></tr>
			<tr><td>2</td><td>关羽</td><td>24</td></tr>
			<tr><td>3</td><td>张飞</td><td>24</td></tr>
			<tr><td>总数</td><td colspan="3">3</td></tr>
			
		</table>
	</body>
</html>

cellpadding 单元边与内容的空白
cellspacing 单元格的空白

<th>加粗</th>
<tr>行</tr>
<td>表格</td>

在这里插入图片描述

border 边框 width 宽度 height 高度 colspan 行 rowspan 竖