-
[HTML / CSS] 영화관 웹페이지 제작Front-End 2022. 6. 20. 09:43
01234567
index.html 
movies.html 
theater.html 
store.html 
event.html 
center.html 
login.html <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>즐거움의 시작! Movie Moment </title>
<style>
#home{width:1024px;border:1px solid #ccc;margin:0px auto;}
#logo{margin: 20px;}
#login{text-align: center;}
#text1{width:320px; height: 40px;}
#text2{width:320px; height: 40px; margin-bottom: 20px;}
#submit1{width:150px; height: 30px;}
#submit2{width:150px; height: 30px;}
footer{background-color: gray; padding: 15px;}
footer img{float:left;}
#foot1{position: relative; left: 50px; width: 350px; height: 50px;}
#foot2 { position: relative; left: 400px; bottom: 60px; width: 550px; height: 50px;}
</style>
</head>
<body>
<div id="home">
<center>
<div id="logo">
<a href="index.html"><img id="logo" src="images/logo.png" width=300px height=200px ></a>
</div>
</center>
<br>
<div id="login">
<p><input id="text1"type="text" size="60px" name="아이디" placeholder="아이디를 입력하세요"></p>
<p><input id="text2"type="password" size="60px" name="비밀번호" alt="비밀번호" placeholder="비밀번호를 입력하세요"></p>
<a href="index.html">
<input id="submit1"type="submit" title="로그인" alt="로그인" value="로그인"></a>
<a href="memberjoining.html">
<input id="submit2"type="submit" title="회원가입" alt="회원가입" value="회원가입" ></a>
</div><br>
<footer>
<img src="images/logo.png" width=150px height=95px></img>
<p id="foot1"><span style="font-size:0.8em">
서울특별시 구로구 경인로 445<br>88
교통: 1호선 구일역<br>
전화: 02 - 2610 - 1700</span></p>
<p id="foot2"><span style="font-size:0.8em">
대표자명 신승현 | 개인정보보호책임자 경영지원실 실장 | 장은영<br>
사업자등록번호 211-86-59478
통신판매업신고번호 제833호<br>
Copyright 2017 by MovieMoment. All rights reserved</span></p>
</footer>
</div>
</body>
</html>기본적인 HTML 태그 및 CSS 태그를 사용 가능합니다
'Front-End' 카테고리의 다른 글
[JavaScript] 미니 프로젝트 ver 2.0 (0) 2022.05.22 [JavaScript] 미니 프로젝트 ver 1.0 (0) 2022.03.30