Sản phẩm công nghệ Mạng lưới trang web của học sinh Đoàn Chính Liêm

Mạng lưới trang web

42
95
Facebook

-Nói chung thì chỉ cải tiến thêm một số chức năng
Code HTML:

<!Doctype html><html lang="en"><head>		....	<link rel="icon" type="image/x-icon" href="favicon.png">	<style>			body {background-image: url('https://getwallpapers.com/wallpaper/full/a/e/4/1343507-abstract-background-image-1920x1200-photo.jpg');				background-repeat: no-repeat;		background-attachment: fixed;		background-size: cover;			#button1 {		  font-size: 24px;		  cursor: pointer;		  outline: none;		  color: #fff;		  background-color: #04AA6D;		  border: none;		  border-radius: 15px;		  box-shadow: 0 9px #999;		}		#button1 :hover {background-color: #3e8e41}				#button2{			font-size: 24px;		  cursor: pointer;		  outline: none;		  color: #fff;		  background-color: #ABB2B9;		  border: none;		  border-radius: 15px;		  box-shadow: 0 9px #999;		}		 		#button2 :hover {background-color: #34495E}				.button:active {		  background-color: #3e8e41;		  box-shadow: 0 5px #666;		  transform: translateY(4px);		}				.button span {		  cursor: pointer;		  display: inline-block;		  position: relative;		  transition: 0.5s;		}		.button span:after {		  content: '\00bb';		  position: absolute;		  opacity: 0;		  top: 0;		  right: -20px;		  transition: 0.5s;		}		.button:hover span {		  padding-right: 25px;		}		.button:hover span:after {		  opacity: 1;		  right: 0;		}	</style></head><body>	<h1 style="text-align:center">ĐĂNG KÍ	<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABNCAMAAABAMbBwAAAAYFBMVEXaJR3//wDYAB7ywA/ZFh7ZHR354wnrmxTojhX99AX77gbeSRvkcxj10A3mfhf0yw3zxw/jbRj++wL32QvvsxH76gffUxrsoxPbLxzgWBrpkxXcNhzsnxPiaRnfThvwuBBlfdFMAAABdklEQVRoge2YybKCMBAAzZCRACIILiiI//+XsuWhLPIOmTlN3yyq7EqTTCx3O0EQBEEQOsqS36mN0exSiGNgl2ql2Feqj0odua2QKJVw98VMqQx5nW1d9r6QttKUuW/QSgNWJZ5Ux4nzrYLXSz3OvqAGGKW2LmtfW5e0r4YJgZUG0yfOTi5WqfdFov5Ivp+klbPecFb/5OwwNzyDbWET++n0FWuMt50xup7FYLacD4KdDFH4SxlGJKcHf+2nF1CNCThky8rsQDgPdZkvOfOS9DZH8OdOnyytZf5iXQ6ENellKr2QS7Ge562p6+rbXHqj/lEICxMiJO6L16Ujc6XtC2PdJB370i4V9lZkYLwC9qRSjOwxqRsP1Pb4RJR9ddVLhvGO8Oo/V5T7t6/7Md6HK4CyLxatIS8+1qWL7goo6PrqdtpPxnt/Bfh0fZu64X1WEu4hYd9m73q40BHRo9u/+mFWFgTmQda3WP1m/v+xBEEQBEEQCHkDJoILtRb4AhgAAAAASUVORK5CYII=" width=5%></h1>		<div class="container mt-1">			<h3>Menu</h3>				<p>Menu ngang</p>				<ul class="nav nav-tabs">					<li class="nav-item"><a class="nav-link active" href="#">Trang chủ</a></li>						<li class="nav-item"><a class="nav-link" href="#">Thông tin</a></li>						<li class="nav-item"><a class="nav-link " href="#">Trợ giúp</a></li>					<li class="nav-item"><a class="nav-link disabled" href="#">Disabled</a></li>				</ul>		<h2>ĐIỀN THÔNG TIN<img src="viet.gif" width=5%></h2>		<div>			Thêm 		<form>				<img src="bp.png" width=2%>Chú thích<br>			<textarea name="message" rows="15" cols="100">.............</textarea>					<br></br>			</form>			<form action="/action_page.php"><img src="bp.png" width=2%>Ảnh bản thân<br>			<input type="file" id="myFile" name="filename">		</form><br>		<a href="#"><button class="button" id="button2"><span>Previous</span></button></a>&emsp;			<a href="2.1.html"><button class="button" id="button1"><span>Submit</span></button></a>				<p>	</div>	</body><footer><nav class="navbar navbar-light bg-light">				<div class="container-fluid">						<a class="navbar-brand" href="#">KT</a>				</div>			<ul class="navbar-nav">							<li class="nav-item active"><a class="nav-link" href="#">Vấn đề</a></li>							<li class="nav-item "><a class="nav-link" href="#">BYE</a></li>					</ul>		</nav>		<div class="alert alert-info">WEB BY LIEM<br>	© 2023-2024.    All Right Reversed     @Copyright</div></footer></html>

Xem toàn bộ