2.标签的例子

最新推荐文章于 2023-07-04 02:38:23 发布

cuichen97

最新推荐文章于 2023-07-04 02:38:23 发布

阅读量383

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/cuichen16/article/details/98530751

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

ol-li

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>HTML在线考试试题</h1>
		<p>1.HTML中,换行使用的标签是().</p>
		<ol  type="A">
			<li>&lt;br/&gt;</li>
			<li>&lt;p&gt;</li>
			<li>&lt;hr/&gt;</li>
			<li>&lt;img/&gt;</li>
		</ol>
		<p>2.&lt;img/&gt;标签的()属性用于指定图像的地址.</p>
		<ol type="A">
			<li>alt</li>
			<li>href</li>
			<li>src</li>
			<li>addr</li>
		</ol>
	</body>
</html>

tr-td

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table background="../img/001.jpg" border="1px" cellspacing="0" width="400px" height="300px">
			<tr>
				<td colspan="3">谷丰成绩表</td>
			</tr>
			<tr>
				<td rowspan="3">Java学科</td>
				<td>JavaSE</td>
				<td>100</td>
			</tr>
			<tr>
				<td>javaWeb</td>
				<td>100</td>

			</tr>
			<tr>
				<td>框架</td>
				<td>100</td>

			</tr>
			<tr>
				<td colspan="2">平均分</td>
				<td>100</td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述

img

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>图片</title>
	</head>
	<body>
		<img alt="这是艺术图片" 
			title="艺术图片" 
			width="300px" height="300px" 
			src="..\img\0001.jpg" />
	</body>
</html>

table

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h2>学生信息表</h2>
		<table border="1px" width="600px" align="center"
			cellpadding="0px" cellspacing="0px" style="text-align: center;">
			<tr>
				<td>学号</td>
				<td>姓名</td>
				<td>性别</td>
				<td>地址</td>
			</tr>
			<tr>
				<td>1001</td>
				<td>谷丰</td>
				<td>男</td>
				<td>辽宁省大连市理工北门</td>
			</tr>
			<tr>
				<td>1002</td>
				<td>崔宸</td>
				<td>男</td>
				<td>辽宁省大连市理工北门</td>
			</tr>
		</table>
	</body>
</html>

p和a标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标签</title>
	</head>
	<body>
		<!--标题标签-->
		<h1>1</h1>
		<h2>2</h2>
		<h3>3</h3>
		<h4>4</h4>
		<h2>静夜思</h2>
		床前<strong>明月</strong>光,疑是<b>地上</b>霜。<br/>
		举头<em>望</em>明月，低头<i>思</i>故乡
		<hr />
		<!--超链接标签-->
		<a href="http:\\www.baidu.com">百度</a>
		<a href="http:\\www.sina.com.cn">新浪</a>
		<!--连接到内部页面-->
		<!--/  表示根目录-->
		<!--从当前路径开始写起-->
		<!--../当前文件的上一级目录-->
		<a target="_blank" href="../index.html">主页面</a>
		<hr />
		<p align="right">
			sdfasdfasfdasdfasfafsafasfafafdfadsfasfadsfasdfdsafsadfdsafasdfasfdasdfasfd
			sdfasdfasfdasdfasfafsafasfafafdfadsfasfadsfasdfdsafsadfdsafasdfasfdasdfasfd
		</p>
		<p align="right">
			aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
		</p>
	</body>
</html>

在这里插入图片描述