一个简单的html程序
时间: 2023-08-04 14:07:50 浏览: 41
当然可以!下面是一个简单的 HTML 程序示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<h1>欢迎来到我的网页!</h1>
<p>这是一个段落。</p>
</body>
</html>
```
这个程序创建了一个简单的网页,包含一个标题标签 (`<h1>`) 和一个段落标签 (`<p>`)。你可以将这段代码保存为一个 .html 文件并在浏览器中打开,就可以看到网页的效果了。希望对你有帮助!如果你还有其他问题,请随时提问。
相关问题
用HTML写一个简单的抽奖程序
好的,以下是一个简单的抽奖程序的 HTML 代码:
<html>
<head>
<title>简单抽奖程序</title>
</head>
<body>
<h1>简单抽奖程序</h1>
<p>点击下面的按钮,随机抽取一个幸运者!</p>
<button onclick="randomNumber()">抽奖</button>
<p id="result"></p>
<script>
function randomNumber() {
var num = Math.floor(Math.random() * 10) + 1;
document.getElementById("result").innerHTML = "幸运者是:" + num + "号!";
}
</script>
</body>
</html>
这个程序可以随机抽取 1 到 10 号之间的一个幸运者,并将结果展示在页面上。当然,你可以根据自己的需求来改变选择范围和展示方式。希望这个示例对你有所帮助!
写一个html记账程序
好的,以下是一个简单的 HTML 记账程序的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>记账程序</title>
<meta charset="utf-8">
</head>
<body>
<h1>记账程序</h1>
<form>
<label for="date">日期:</label>
<input type="date" id="date" name="date"><br><br>
<label for="amount">金额:</label>
<input type="number" id="amount" name="amount"><br><br>
<label for="category">类别:</label>
<select id="category" name="category">
<option value="food">食物</option>
<option value="clothing">衣服</option>
<option value="housing">住房</option>
<option value="transportation">交通</option>
</select><br><br>
<input type="button" value="提交" onclick="addExpense()">
</form>
<h2>支出记录</h2>
<table>
<thead>
<tr>
<th>日期</th>
<th>金额</th>
<th>类别</th>
</tr>
</thead>
<tbody id="expenseTable">
</tbody>
</table>
<script>
function addExpense() {
var date = document.getElementById("date").value;
var amount = document.getElementById("amount").value;
var category = document.getElementById("category").value;
var table = document.getElementById("expenseTable");
var row = table.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = date;
cell2.innerHTML = amount;
cell3.innerHTML = category;
document.getElementById("date").value = "";
document.getElementById("amount").value = "";
document.getElementById("category").value = "food";
}
</script>
</body>
</html>
```
这个程序包含一个表单,用户可在其中输入日期、金额和类别,并且可以将输入的信息添加到支出记录中。程序使用 HTML 表单和 JavaScript 对用户输入进行处理。