dapp开发编写web前端页面详细解析:
创建一个名为First DApp的文件夹,在First DApp目录下创建index.html文件:
<html>
<head>
<!--指定文件编码格式-->
<meta charset="UTF-8">
<title>First DApp</title>
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="container">
<h1>First DApp</h1>
<!--设置id塞入和读取数据-->
<h2 id="info"></h2>
<label>姓名:</label>
<input id="name" type="text">
<label>年龄:</label>
<input id="age" type="text">
<button id="button">更新</button>
</div>
</body>
</html>
设置页面样式,在First DApp目录下创建main.css文件:
body {
background-color: deepskyblue;
}
.container {
width: 50%;
margin: 0 auto;
}
#info {
background-color: red;
}
以上为编写前端页面的详细知识点。