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

 时间:2024-11-14 14:34:57

VisualStudio用法操作对于学软件的人来说很简单,没有学过的这里小编可以教给你,如何做一份网页版的自我简介表,以后工作难免会用到哦。

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

工具/原料

VisualStudio软件

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Visual Studio怎么打开工具箱 Visual Studio Code如何创建一个html文件 VS如何连接到数据库 如何在eclipse中的web项目中导入图片 怎么在html中调用css文件
热门搜索
虾简笔画图片大全 福特报价及图片 小学生看图写话图片 新宝马x1报价及图片 锐志改装图片