首页写一个html页面，页面左边是一张图片，占页面的一半，页面右边是form表单，填写编号和姓名

写一个html页面，页面左边是一张图片，占页面的一半，页面右边是form表单，填写编号和姓名

时间: 2023-10-09 19:15:00 浏览: 36

以下是一个简单的HTML页面示例，其中有一张图片，占据页面的左侧一半，右侧是一个表单，可以填写编号和姓名： ```html <!DOCTYPE html> <html> <head> <title>图片与表单</title> <style> /* 左侧图片 */ .img-container { float: left; width: 50%; height: auto; } /* 右侧表单 */ form { float: right; width: 50%; padding: 20px; } input[type="text"] { display: block; margin-bottom: 10px; } </style> </head> <body> <div class="img-container"> <img src="https://picsum.photos/500" alt="随机图片"> </div> <form> <label for="id">编号：</label> <input type="text" id="id" name="id"> <label for="name">姓名：</label> <input type="text" id="name" name="name"> </form> </body> </html> ``` 你可以将代码复制到一个文本编辑器中保存为HTML文件，然后在浏览器中打开它。你也可以尝试修改CSS样式来更改图片和表单的外观。