| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 스카이 안드로이드폰 시리우스 K양 동영상
- 안드로이드폰
- 안드로이드 배경화면
- 하루 한마디 영어
- objective-c
- 구글 안드로이드 개발
- 안드로이드 개발 2.0
- 영어
- 구글안드로이드
- 스카이 안드로이드폰 시리우스
- 안드로이드개발
- 안드로이드 2.0 개발
- 안드로이드2.0
- 안드로이드 개발 강좌
- 아이폰 바탕화면
- 안드로이드 바탕화면
- 스마트폰 배경화면
- 아이폰 배경화면
- 안드로이드 개발 2.0 강좌
- Form Stuff
- MapView
- 안드로이드2.0개발
- SKY 시리우스
- 구글 안드로이드
- 하루한마디영어
- 안드로이드 개발
- sky 시리우스폰
- android
- 안드로이드
- 인기있는 블로그 만들기
- Today
- Total
moozi
introduce2.html 본문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>아수라</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
.ui-block-a, .ui-block-b{
font-size: 8px !important;
padding-bottom: 5px;
}
.ui-block-a h6, .ui-block-b h6{
color:blue;
}
.thumbnail{
width:80px;
float:left;
padding-right:3px;
}
</style>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<a href="index.html" data-icon="home" rel="external">home</a>
<a href="index.html" data-icon="back" rel="external">prev</a>
<h1>영화소개</h1>
<div data-role="navbar">
<ul>
<li><a href="introduce.html" rel="external">줄거리</a></li>
<li><a href="introduce2.html" class="ui-btn-active" rel="external">등장인물</a></li>
<li><a href="introduce3.html" rel="external">평점</a></li>
</ul>
</div>
</div>
<div data-role="content">
<h3>등장인물</h3>
<div class="ui-grid-a">
<div class="ui-block-a">
<img src="img/img01.jpg" class="thumbnail">
<h6>정우성</h6>
주연 | 한도경 역<br>
더 킹,2016<br>
아수라,2016<br>
</div>
<div class="ui-block-b">
<img src="img/img02.jpg" class="thumbnail">
<h6>황정민</h6>
주연 | 박성배 역<br>
군함도,2016<br>
아수라,2016<br>
</div>
</div>
<div class="ui-grid-a">
<div class="ui-block-a">
<img src="img/img01.jpg" class="thumbnail">
<h6>정우성</h6>
주연 | 한도경 역<br>
더 킹,2016<br>
아수라,2016<br>
</div>
<div class="ui-block-b">
<img src="img/img02.jpg" class="thumbnail">
<h6>황정민</h6>
주연 | 박성배 역<br>
군함도,2016<br>
아수라,2016<br>
</div>
</div>
<div class="ui-grid-a">
<div class="ui-block-a">
<img src="img/img01.jpg" class="thumbnail">
<h6>정우성</h6>
주연 | 한도경 역<br>
더 킹,2016<br>
아수라,2016<br>
</div>
<div class="ui-block-b">
<img src="img/img02.jpg" class="thumbnail">
<h6>황정민</h6>
주연 | 박성배 역<br>
군함도,2016<br>
아수라,2016<br>
</div>
</div>
</div>
<div data-role="footer" data-position="fixed">
<h1>©CGV. All rights reserved.</h1>
</div>
</div>
</body>
</html>
'TIS_2016 > HTML5_4기' 카테고리의 다른 글
| jQueryMobile 연습문제01 (0) | 2016.10.06 |
|---|---|
| introduce3.html (0) | 2016.10.06 |
| html 연습문제05 (0) | 2016.10.05 |
| html 연습문제3,4 (0) | 2016.10.04 |
| layout06_1.html (0) | 2016.10.04 |