利⽤HTML实现⼀个个⼈信息表的⽹页（代码实例）
本篇⽂章给⼤家带来的内容是关于利⽤HTML实现⼀个个⼈信息⽹页（代码实例），有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对你有所帮助。
对HTML标签的总结
html个人网页完整代码怎么看1、学习的⾏内标签和 块级元素分别有哪些?
⾏内标签:span, strong, a, img, input, textarea
块级元素:p, h1-h6, p, hr, pre, ul, ol, dd, dt, th. tr, td
2、两者的区别与特性；
1).块级元素独占⼀⾏空间， ⾏内元素只占据⾃⾝宽度的空间;
2).块级元素是可以包含块级元素和⾏内元素; ⾏内元素只能包含⽂本信息和⾏内元素;
3). 块级元素可以设置宽和⾼， ⾏内元素设置的宽和⾼失效；
3、如何让块级元素居中? 如何让⾏内元素居中?
1); 块级元素居中： margin: 0 auto
json转map string2) ⾏内元素居中: text-aligin:center
个⼈信息
包含姓名、性别等常见的内容。
<!DOCTYPE html>
<html lang="en">
constraintlayout布局
<head>
<meta charset="UTF-8">
<title>个⼈信息</title>
</head>
<body>
<h2 align="center">个⼈信息表</h2>
<table width="50%" cellpadding="5" cellspacing="0" >
<tr>
<td >姓名</td>
<td><input type="text" ></td>
<td>性别</td>
<td><select >
<option>男</option>
<option>⼥</option>
程序设计语言的题库
</select></td>
</tr>
financial position
<tr>
<td>⼿机号码</td>
<td><input type="tel" ></td>
<td>电⼦邮箱</td>
<td><input type="email" ></td>
</tr>
<tr>
<td>教育程度</td>
<td><input type="text"></td>
<td>⼯作职位</td>
<td><input type="text"></td>
tarami果冻
</tr>
<tr>
<td>⼯作城市</td>
<td><input type="text"></td>
<td>期望⼯资</td>
<td><input type="text"></td>
</tr>
<tr>
<td>⾃我介绍</td>
<td colspan="3"><input type="text" ></td> </tr>
<tr>
<td>特长</td>
<td colspan="3"><input type="text" ></td> </tr>
<tr>
<td>家庭住址</td>
<td colspan="3"><input type="text" ></td> </tr>
<tr>
<td colspan="4" align="right">感谢您的参与</td>
</tr>
<tr>
<td colspan="4" align="right">
<input type="submit" value="提交">
<input type="reset" value="退出">
</td>
</tr>
</table>
</body>
</html>
以上就是本篇⽂章的全部内容，关于HTML的相关知识⼤家可以关注我！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。