current position:Home>HTML gourmet web page production DW static web page production div + CSS gourmet web page implementation and production

HTML gourmet web page production DW static web page production div + CSS gourmet web page implementation and production

2022-04-29 10:23:26@Code live summer - Web page design

Web effect

common 10 A page
 Insert picture description here
 Insert picture description here
 Insert picture description here

Code implementation

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Sliced surface net </title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
</head>

<body>

<div class="container">
	
	<div class="header">
		<ul>
			<li class="logo">
				<a href="index.html"><img src="images/logo.png"/><span> Diaoxiao Noodles </span></a>
			</li>
			<li class="nav">
				<a href="index.html"> home page </a>
				<a href="origin.html"> origin </a>
				<a href="trait.html"> features </a>
				<a href="use.html"> The ingredients </a>
				<a href="make.html"> practice </a>
				<a href="soup.html"> Marinade </a>
				<a href="main.html"> The key </a>
				<a href="value.html"> nutrition </a>
				<a href="register.html"> register </a>
				<a href="login.html"> Sign in </a>
			</li>
		</ul>
	</div>
	
	<div class="wrapper">
	
		<div class="main">
		
			<div class="into">
				<form>
					<p><b> The user nickname :</b><input type="text"/></p>
					<p><b> Commonly used password :</b><input type="password"/></p>
					<p><b> Confirm the password :</b><input type="password"/></p>
					<p><b></b><input type="button" class="submit" value=" register "/></p>
				</form>
			</div>
			
		</div>
		
	</div>

	<div class="footer">Copyright @ 2022 daoxiaomian.com  Sliced surface net   copyright </div>

</div>

</body>
</html>

copyright notice
author[@Code live summer - Web page design],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/119/202204290902340448.html

Random recommended