如何用VisualStudio制作一份网页个人简介表格

2025-03-29 13:09:49

1、打开VisualStudio,小编用的是VisualStudio2012,打开文件新建项目,如下。你可以把名称和存储位置改成自己想要的。

如何用VisualStudio制作一份网页个人简介表格

2、在解决方案那里右键添加html页,你可以更改名称。

如何用VisualStudio制作一份网页个人简介表格
如何用VisualStudio制作一份网页个人简介表格

3、打开html页,在body里输入以下内容,table规定表格属性,规定行、列内容。这些属性值你都可以改变,包括单元格边距,漉胜衲仰表格边距,文字水平等,<tr><td>是表格的行列,这里用到了表单控件input。

如何用VisualStudio制作一份网页个人简介表格

4、如果你要插入图片,图片来源与很多,像我用蓝笔勾画的就是图片地址,你可以自己选择你要上传的图片,图片格式的属性(高、低)你也可以自己选择。这小编的案例并没有上传图片哦。

如何用VisualStudio制作一份网页个人简介表格

5、还有以上的value值可以填自己的信息,是一打开网页就会显示的信息。checked="checked"是默认信息,重置后也是默认的,但是也可以改。如图蓝笔画的部分。

如何用VisualStudio制作一份网页个人简介表格

6、select,option是选择 ,这些信息只能选择一个。

如何用VisualStudio制作一份网页个人简介表格

7、爱好部分是多选框,你可以选择多个填写。

如何用VisualStudio制作一份网页个人简介表格

8、工作简历部分textarea是文字填写部分,这个属性你也可以自己设置。制作完成打开网页填写完信息,你就可以提交了。如果填写的不对,可以点击重置。

如何用VisualStudio制作一份网页个人简介表格

9、最后自我简介的程序就设计好啦,单击保存按钮,单击调试,启动调试。如果程序有小错误,要停止调试改正哦。

如何用VisualStudio制作一份网页个人简介表格
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢