<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link type="text/css" rel="stylesheet" href="css/css.css" /> <title>婚庆</title> </head> <body style=" background:#fff;"> <div class="wrapin"> <br> <div class="logo"> <img src="images/logo.jpg" alt=""> <header> <ul class="nav clearfix"> <li><a href="index.html">主页</a></li> <li><a href="fuwu.html">服务</a></li> <li><a href="zixun.html">资讯</a></li> <li><a href="anli.html">案例</a></li> <li><a href="denglu.html">登陆</a></li> <li><a href="reg.html">注册</a></li> </ul> </header> </div> <div class="banner"> <img src="images/banner.jpg" /> </div> <!--内容--> <div class="con"> <div class="title">注册</div> <form class="form" action="denglu.html"> 账 号: <input type="text" class="phone" placeholder="请输入账号"> 密 码: <input type="password" class="phone" placeholder="请输入密码"> 确认密码: <input type="password" class="phone" placeholder="请输入密码"> <p style="text-align: center;"> <br> <button> 注册</button> </p> <br> <br> </form> </div> <!--底部--> <p style="text-align: center;"><img src="images/logo.jpg" alt=""></p> <footer> We  Dream婚礼有限公司</footer> </div> </body> </html>
时间: 2023-08-14 07:06:30 浏览: 166
html+js+css开发源代码项目.rar
这是一个简单的HTML页面,其中包含了一个顶部导航栏、一个图片轮播和一个注册表单。页面的整体结构如下:
- 顶部导航栏:使用了HTML的`<header>`标签,包含一个logo和一个导航菜单,菜单项使用了`<ul>`和`<li>`标签,通过CSS设置了样式。
- 图片轮播:使用了一个`<div>`标签,内部包含一张图片,通过CSS设置了样式。
- 注册表单:使用了HTML的`<form>`标签,包含了账号、密码和确认密码三个输入框,以及一个注册按钮,通过CSS设置了样式。
- 底部信息:使用了HTML的`<footer>`标签,包含了公司名称。
通过CSS文件中的样式设置,实现了页面的美化和布局。其中包括了背景、字体、颜色、边框等多种样式设置。
阅读全文