로그인 HTML 페이지 생성

이전 템플릿 선택 장에서는 php 중국어 웹사이트 다운로드 사이트에서 파란색 정교하고 간결한 MUI 배경 관리 템플릿을 다운로드하여 사용하는 것이 좋습니다. 이 튜토리얼의 모든 배경 관리 기능은 이 템플릿을 통해 작동됩니다.

다운로드한 문서의 이름을 "admin" 폴더로 바꿉니다. 그리고 이를 WWW의 구축 환경과 구축된 vidoe 프로젝트 파일 아래에 놓습니다.

그림에 표시된 대로:

안에 있는 로그인 파일을 찾으세요. 이 파일은 로그인을 위한 정적 HTML 페이지입니다.

페이지 열기:

헤더에 .css 및 .js 파일이 있음을 발견했습니다. 이 파일은 파일 스타일과 일부 동적 js 기능의 구현을 결정합니다. CSS 및 js 폴더에서 참조해야 합니다.

"admin" 문서의 css, js 폴더는 다음과 같습니다.

화살표가 가리키는 경로에 주의하세요.

모든 파일을 가져온 후 브라우저에서 login.html 파일을 실행하면 다음 페이지가 표시됩니다.

이렇게 하면 백그라운드 관리 로그인 정적 페이지가 완성됩니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="renderer" content="webkit"> <title>登录</title> <link rel="stylesheet" href="css/pintuer.css"> <link rel="stylesheet" href="css/admin.css"> <script src="js/jquery.js"></script> <script src="js/pintuer.js"></script> </head> <body> </body> </html>

제출하다 코드 재설정

자동운전