利用HTML实现一个个人信息表的网页（代码实例）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本篇<span style="color: black;">文案</span>给<span style="color: black;">大众</span>带来的内容是关于利用HTML实现一个个人信息网页（代码实例），有<span style="color: black;">必定</span>的参考价值，有<span style="color: black;">必须</span>的<span style="color: black;">伴侣</span><span style="color: black;">能够</span>参考一下，<span style="color: black;">期盼</span>对你有所<span style="color: black;">帮忙</span>。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><a style="color: black;"><span style="color: black;"><span style="color: black;">程序猿的生活：打造全网web前端全栈资料库（总目录）看完学的更快，<span style="color: black;">把握</span>的更加<span style="color: black;">牢靠</span>，你值得<span style="color: black;">持有</span>（<span style="color: black;">连续</span>更新）</span><span style="color: black;">154 赞同 · 6 评论<span style="color: black;"><span style="color: black;">文案</span></span></span></span></a></div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">对HTML标签的总结</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、学习的行内标签和 块级元素分别有<span style="color: black;">那些</span>?</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">行内标签:span, strong, a, img, input, textarea</p>块级元素:p, h1-h6, p, hr, pre, ul, ol, dd, dt, th. tr, td
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、两者的区别与特性；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1).块级元素<span style="color: black;">独霸</span>一行空间， 行内元素只占据<span style="color: black;">自己</span>宽度的空间;</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2).块级元素是<span style="color: black;">能够</span><span style="color: black;">包括</span>块级元素和行内元素; 行内元素只能<span style="color: black;">包括</span>文本信息和行内元素;</p>3). 块级元素<span style="color: black;">能够</span>设置宽和高， 行内元素设置的宽和高失效；
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3、<span style="color: black;">怎样</span>让块级元素居中? <span style="color: black;">怎样</span>让行内元素居中?</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1); 块级元素居中： margin: 0 auto</p>2) 行内元素居中: text-aligin:center
<h2 style="color: black; text-align: left; margin-bottom: 10px;">个人信息</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">包括</span>姓名、性别等<span style="color: black;">平常</span>的内容。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人信息</title>
</head>
<body>
<h2 align="center">个人信息表</h2>
<table style="border: 1px;margin: 0 auto;bac<span style="color: black;">公斤</span>round: snow" width="50%" cellpadding="5" cellspacing="0" >
<tr>
<td style="bac<span style="color: black;">公斤</span>round: salmon">姓名</td>
<td><input type="text" style="width:95%"></td>
<td>性别</td>
<td><select style="width: 96%">
<option>男</option>
<option>女</option>
</select></td>
</tr>
<tr>
<td>手机号码</td>
<td><input type="tel" style="width:95%"></td>
<td>电子邮箱</td>
<td><input type="email" style="width:95%"></td>
</tr>
<tr>
<td>教育程度</td>
<td><input style="width: 95%; " type="text"></td>
<td>工作职位</td>
<td><input style="width: 95%; " type="text"></td>
</tr>
<tr>
<td>工作城市</td>
<td><input style="width: 95%; " type="text"></td>
<td>期望工资</td>
<td><input style="width: 95%; " type="text"></td>
</tr>
<tr>
<td>自我介绍</td>
<td colspan="3"><input type="text" style="width: 98%; " ></td>
</tr>
<tr>
<td>特长</td>
<td colspan="3"><input type="text" style="width: 98%; " ></td>
</tr>
<tr>
<td>家庭住址</td>
<td colspan="3"><input type="text" style="width: 98%; " ></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></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-8644d7d44d543a865c44f9e3c1ad4144_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上<span style="color: black;">便是</span>本篇<span style="color: black;">文案</span>的<span style="color: black;">所有</span>内容，关于HTML的<span style="color: black;">关联</span>知识<span style="color: black;">大众</span><span style="color: black;">能够</span>关注我！！</p>
真情实感，其含义为认真了、走心了的意思，是如今的饭圈常用语。 期待更新、坐等、迫不及待等。 楼主继续加油啊！外链论坛加油！ 交流如星光璀璨，点亮思想夜空。
页:
[1]