HTML5语言练习-表单制作

2024-10-31 17:44:00

1、步骤:打开电脑-在桌面上点击鼠标右键-新建-文本文档,当然选择存放在D盘或者其他地方也可以,输入以下基本代码:<!doctype htm造婷用痃l><html><head><meta charset="utf-8"><title>注册新用户</title></head><body></body></html>保存此页面,并命名为"sy02_3_1"。

HTML5语言练习-表单制作

3、接下来创建一个div盒子,具体代码如下:<div align="center"> </div>"center"表示让盒子在页面中居中显示。

HTML5语言练习-表单制作

5、最后全部代码:<!doctype html><html><head><meta charset="utf-8"><title>注册新用户</title></head><body table background ="bg.gif" text="#696969"><pre><img src="ts.jpg" /></pre><div align="center"> <table border="1"><tr><td><p align="center">作者</p></td> <td><p align="center">作品</p></td> <td><p align="center">个人照</p></td></tr><tr><td><p align="center">李白</p></td> <td><p align="center">静夜思<br/>月下独酌<br/></p></td><td><p align="center"><input type="image" src="libai.jpg" width="100px" /></p></td></tr><tr><td><p align="center">杜甫</p></td> <td><p align="center">佳人<br/>绝句<br/>望岳</p></td><td><p align="center"><input type="image" src="dufu.jpg" width="100px" /></p></td></tr><tr><td>白居易</td> <td><p align="center">琵琶行</p></td><td><p align="center"><input type="image" src="baijuyi.jpg" width="100px" /></p></td></tr></table></div> </body></html>

HTML5语言练习-表单制作

7、总结:在写这些代码时不要用中文符号,否则会出错;在制作过程中需要细心,写代码的过程就是纠错与学习的过程。

猜你喜欢