手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 19:45:20

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制作一份网页个人简介表格
© 手抄报圈