<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<!--반응형 웹-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--title-->
<title>Insert title here</title>
</head>
<body>
<h1>Movie Title</h1>
<h2>MINARI</h2>
<!-- pre :: 에디터에서 쓰는 띄어쓰기, 줄바꿈 그대로 적용
p :: 줄바꿈 허용하지 않음 -->
<pre>
<p>
예고편
"미나리는 어디서든 잘 자라"낯선 미국, 아칸소로 떠나온 한국 가족.
가족들에게 뭔가 해내는 걸 보여주고 싶은 아빠 '제이콥'(스티븐 연)은자신만의 농장을 가꾸기 시작하고
엄마 '모니카'(한예리)도 다시 일자리를 찾는다.
아직 어린 아이들을 위해 ‘모니카’의 엄마 ‘순자’(윤여정)가 함께 살기로 하고
가방 가득 고춧가루, 멸치, 한약 그리고 미나리씨를 담은 할머니가 도착한다.
의젓한 큰딸 '앤'(노엘 케이트 조)과 장난꾸러기 막내아들 '데이빗'(앨런 김)은
여느 그랜마같지 않은 할머니가 영- 못마땅한데…함께 있다면, 새로 시작할 수 있다는 희망으로
하루하루 뿌리 내리며 살아가는어느 가족의 아주 특별한 여정이 시작된다!
</p>
</pre>
<!-- 이미지 첨부 -->
<img alt="미나리" src="img/mnr.jpg" style="width:30%;height:38%">
<br>
<hr> <!-- 경계선 -->
<br>
<h2>영화 감상하러 가기</h2>
<ul> <!-- unorder list -->
<!-- hyperlink -->
<li><a href="https://www.youtube.com/watch?v=ZbfMbDeiSC8"> 윤여정 수상소감 </a></li>
<li><a href="https://www.youtube.com/watch?v=aMsDHGQ94dI"> 예고편 감상하기 </a></li>
</ul>
<ol> <!-- 클릭한 위치(id 주소)로 이동 -->
<li><a href = "#alpha"> Go to Loem Ipsum Statement </a></li>
<li><a href = "#beta"> Go to Loem Ipsum Statement </a></li>
</ol>
<h1 id="alpha">Lolem Ipsum Site</h1>
<p>What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<h1 id="beta">Lolem Ipsum Site</h1>
<p>What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p>
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type ="text/css">
#firstDiv{
margin-left:20%;
margin-right:20%;
}
#secondDiv{
width:30%; /*정중앙에 위치하게 하려면 width가 중요함, 그래서 먼저 입력시켜야함*/
margin:0 auto;
padding-top: 50px;
}
</style>
<script type = "text/javascript">
function push(){
alert("버튼 클릭했음!")
}
</script>
</head>
<body>
<div id = "firstDiv">
<form action="MFS" method="post">
<fieldset>
<legend>Movie Schedule</legend>
영화제목 <input type = "text" name = "title"><br/><br/>
<label>스케줄선택</label>
<input type = "date" name = "time"><br/><br/>
<label>성별</label>
<input type = "radio" name = "gender" value="F">Female
<input type = "radio" name = "gender" value="M">Male<br/><br/>
<label>인원수</label>
<input type = "number" name = "number"><br/><br/>
<label>드시고 싶은 스낵류를 있는대로 고르세요</label><br/>
<input type = "checkbox" name = "menu" value="팝콘">팝콘<br/>
<input type = "checkbox" name = "menu" value="콜라">콜라<br/>
<input type = "checkbox" name = "menu" value="사이다">사이다<br/>
<input type = "checkbox" name = "menu" value="오징어">오징어<br/>
<input type = "checkbox" name = "menu" value="핫바">핫바<br/><br/><br/>
<textarea rows="10" cols="100">
엔코아 상영관을 찾아주셔서 감사합니다.
불편한 사항을 이곳에 기입해 주시기 바랍니다.
</textarea><br/><br/><br/>
<input type="submit" value="dataset">
</fieldset>
</form>
</div>
<div id = "secondDiv">
<fieldset>
<legend>Basic Form Test</legend>
<form action = "MFS"> <!-- default :: get -->
ID <input type = "text" name="username"><br/>
PASS <input type="password" name="userPass"><br/>
<input type="submit" value = "SEND"> <!-- form 안의 모든 값들을 가지고 action에 보냄 -->
<input type="reset" value = "CLEAR"> <!-- form 안의 모든 값들을 초기화 -->
<input type="button" value = "CLICK" onclick = "push()"> <!-- 이벤트처리 = javascript랑연결됨 -->
</form>
</fieldset>
</div>
</body>
</html>
댓글