-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>  <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>
a
Đăng nhập để tham gia bình luận
a
Đăng nhập để tham gia bình luận
a
Đăng nhập để tham gia bình luận
a
Đăng nhập để tham gia bình luận
a
Đăng nhập để tham gia bình luận
Đăng nhập để tham gia bình luận