시작화면(미완성)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> My PlayList </title>
<script type="text/JavaScript">
var db;
window.onload = function()
{
db = openDatabase("music", "1.0", "목록", 1024*1024);
db.transaction(exeCreate);
}
function exeCreate(tx)
{
tx.executeSql("create table music(name, singer)");
}
</script>
</head>
<style type="text/css">
</style>
<body>
<body style="background-color:#bfff00">
<div id="skroller-body">
<tr>
<style type="text/css">
body
{
background-image: url(Recall.jpg);
background-position: top;
background-repeat: repeat;
}
.back
{
font-size: 20px;
font-weight: bold;
background-color: Yellow;
}
</style>
</tr>
<h2 class="rowHeader css-0">
<a historystate="[object Object]" class="rowTitle css-0" href="http://localhost:8085/Ost_list/Ost%20list.html">
<div class="row-header-title">많이 들은 음악</div>
<div class="aro-row-header more-visible">
<div class="see-all-link">▷▷▷</div>
<div class="aro-row-chevron icon-akiraCaretRight"></div>
</div>
</a>
</h2>
<form action="selectform.jsp" method="get" name="textform">
<table border=1>
<tr><td>분류</td>
<td>
<select name="음악">
<option selected>주제곡</option>
<option>발라드</option>
<option>팝</option>
<option>클래식</option>
</select>
</td>
</tr>
</table>
<input type="submit" value="전송" name="submitbtn">
<input type="reset" value="초기화" name="resetbtn">
</form>
<ol type="1">
<li> <h2 style="color:white;"> 주제곡</h2> </li>
<details>
<summary> 펼치기</summary>
<p>
<h2 class="rowHeader css-0">
<a historystate="[object Object]" class="rowTitle css-0"
href="http://localhost:8085/Ost_list/Pianohtml.html">
<div class="row-header-title">주제곡</div>
<div class="aro-row-header more-visible">
<div class="aro-row-chevron icon-akiraCaretRight"></div>
</div>
</a>
</h2>
</p>
</details>
<li> <h2 style="color:white;"> 발라드</h2> </li>
<details>
<summary> 펼치기</summary>
<p>
<h2 class="rowHeader css-0">
<a historystate="[object Object]" class="rowTitle css-0"
href="http://localhost:8085/Ost_list/Ballad.html">
<div class="row-header-title">발라드</div>
<div class="aro-row-header more-visible">
<div class="aro-row-chevron icon-akiraCaretRight"></div>
</div>
</a>
</h2>
</p>
</details>
<li> <h2 style="color:white;"> 팝</h2> </li>
<details>
<summary> 펼치기</summary>
<p>
<h2 class="rowHeader css-0">
<a historystate="[object Object]" class="rowTitle css-0"
href="http://localhost:8085/Ost_list/Pop_Song.html">
<div class="row-header-title">팝</div>
<div class="aro-row-header more-visible">
<div class="aro-row-chevron icon-akiraCaretRight"></div>
</div>
</a>
</h2>
</p>
</details>
<li> <h2 style="color:white;"> 클래식</h2> </li>
<details>
<summary> 펼치기</summary>
<p>
<h2 class="rowHeader css-0">
<a historystate="[object Object]" class="rowTitle css-0"
href="http://localhost:8085/Ost_list/classic.html">
<div class="row-header-title">클래식</div>
<div class="aro-row-header more-visible">
<div class="aro-row-chevron icon-akiraCaretRight"></div>
</div>
</a>
</h2>
</p>
</details>
</ol>
</div>
</body>
</html>
많이 들은 음악
▷▷▷
▷▷▷
-
주제곡
-
발라드
-
팝
-
클래식
주제곡
델루나
오페라의 유령
12fingers
웨스트월드
그의 암흑물질
Krypton had it chance
천하
밤하늘의 저별처럼
발라드
눈물에 얼굴을 묻는다
핑클-루비
안갯길
홍연
안녕 그 말
카더카든-나무
헤이즈-일기
우효-청춘
영화 속 주인공처럼
안부
카를라
일단 임시로 여기에
계속 곡을 추가할 예정
'웹정보구축' 카테고리의 다른 글
| HTML 함수 구현 (0) | 2022.05.30 |
|---|---|
| css 배경 사진 / 구획 지정 (0) | 2022.05.19 |
| CSS 선택자 실습 (220519-css) (0) | 2022.05.19 |
| 이클립스로 HTML에 영상 및 오디오 소스 삽입하기 (0) | 2022.05.12 |
| 시멘틱 웹 측면서 홈페이지 분석하기 (0) | 2022.05.10 |
