利用HTML实现一个个人信息表的网页（代码实例）

本篇文章给大家带来的内容是关于利用HTML实现一个个人信息网页（代码实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）

对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

2) 行内元素居中: text-aligin:center

个人信息

包含姓名、性别等常见的内容。

<!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;background: snow" width="50%" cellpadding="5" cellspacing="0" ><tr><td style="background: 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>

以上就是本篇文章的全部内容，关于HTML的相关知识大家可以关注我！！

利用HTML实现一个个人信息表的网页（代码实例）相关推荐

php显示提交的个人信息,利用HTML实现一个个人信息表的网页（代码实例）
本篇文章给大家带来的内容是关于利用HTML实现一个个人信息网页(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 对HTML标签的总结 1.学习的行内标签和块级元素分别有哪 ...
ASP.NET MVC和Bootstrap制作一个员工信息表
新建一个asp.net mvc的项目,然后在解决方案下添加以下几个类库: BLL中是业务逻辑代码,Commons是公共的代码(比如MD5加密),DAL数据访问代码,DBUtility是数据库连接代码, ...
php简单的购物车,利用PHP实现一个简单购物车的demo示例代码
利用PHP实现一个简单购物车的demo示例代码数据结构跟关于PHP写购物车大体差不多,这里站长主要就购物车的主要业务逻辑进行一下说明: 1.用户未登陆时只能浏览商品,不能将其加入购物车 2.当未登陆 ...
利用OpenSearch API检索和下载数据附Python代码实例
利用OpenSearch API检索和下载数据附Python代码实例在数据下载过程中,我们常常会需要下载非常多的数据文件,这时我们可以利用wget等软件或者编写数据下载脚本来实现数据下载的批处理. ...
python在律师上作中的实例_基于Python的律师信息查询接口调用代码实例
基于Python的律师信息查询接口调用代码实例代码描述:基于Python的律师信息查询接口调用代码实例代码平台:聚合数据 #!/usr/bin/python # -*- coding: utf-8 ...
医院医生评价的java代码_基于JAVA的医院信息查询接口调用代码实例
基于JAVA的医院信息查询接口调用代码实例 import java.io.BufferedReader; import java.io.DataOutputStream; import java.io ...
创建一个学生信息表，与页面分离
一.需求分析做一个jsp页面,动态显示信息表的内容. 1. 做一个实体类:StudentInfo (包含4个字段) 2. 如图模拟生成3条数据,本质上就是new StudentInfo 3个实例 ...
python个人信息查询代码_基于Python的商标信息查询api调用代码实例
#!/usr/bin/python # -*- coding: utf-8 -*- import json, urllib from urllib import urlencode #-------- ...
用MySQL表示学号_java习题:在MySQL数据库建立一个学生信息表(学号,姓名,班级,成绩),编程完成如下操作...
满意答案 myfriend张 2014.04.26 采纳率:56% 等级:11 已帮助:5344人 use 库名 go -----打开库 create table 学生信息 (学号 int no ...

利用HTML实现一个个人信息表的网页（代码实例）

利用HTML实现一个个人信息表的网页（代码实例）相关推荐

最新文章

热门文章