使用HTML+javascript编写了一个生成题库小工具

最新推荐文章于 2023-07-06 09:55:06 发布

置顶

梦想西工大

最新推荐文章于 2023-07-06 09:55:06 发布

阅读量3.6k

点赞数 4

文章标签： css javascript html html5 jquery

本文链接：https://blog.csdn.net/qq_45761978/article/details/103699347

版权

本文分享了一篇使用HTML、JavaScript编写的题库小工具，详细介绍了如何插入链接与图片，并提供了使用方法。读者可以通过选择选项，点击下一题来体验，同时可以通过F12查看答题结果。

摘要由CSDN通过智能技术生成

因为前段时间学校要准备考试，但是没有题库只有word的试题，我本人更习惯做题不适合背题，然后我就上网找了一下生成题库的软件，没有找到我想要的，所以就自己动手写了一个

HTML代码
- 插入链接与图片

代码很简单，没什么技术含量，因为第一次因为自己的需求写出来的东西，所以想法

HTML代码

没什么废话直接上代码，第一次写博客也不知道写点啥。


```javascript
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>题库练习</title>
	</head>
	<style type="text/css">
		body{
			margin: 0;
			padding: 0;
		}
		#butt{
			margin: 0 auto;
			text-align: center;
			width: 600px;
			height: 600px;
			
		}
		
		ul{
			list-style: none;
			display：table;
			text-align:center
		}
		li{
			float: left;
			margin-left:30px;
			
		}
		#content{
			height:600px;
			width: 600px;
			border: 4px solid red;
			text-align: left;
		}
		#next{
			width: 600px;
			height: 50px;
			background-color: aqua;
		}
		p{
			width: 600px;
		}
		label{
			height: 50px;
			width: 100px;
		}
		#ss{
			height: 40px;
			padding-top: 10px;
		}
		#ss input{
			height: 30px;
			width: 30px;
			font-size: 40px;
		}
	</style>
	<body>
		<div id="butt">
			<div id="content">
				<p id="insert"></p>
			</div>
			<div id="ss">
				<label><input name="Fruit" type="radio" value="A" id="A"/>A </label> 
				<label><input name="Fruit"