<!--2016 05 10-->
<!DOCTYPE HTML>
<HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
stopclock()
showtime()
}
function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
// 일반 시계
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.forms[0].clock.value = timeValue
/*
// 24시간 표시 시계
var timeValue1 = "" + ((hours < 10) ? "0" : "") + hours
timeValue1 += ((minutes < 10) ? ":0" : ":") + minutes
timeValue1 += ((seconds < 10) ? ":0" : ":") + seconds
timeValue1 += (hours >= 12) ? " P.M." : " A.M."
document.forms[0].clock2.value = timeValue1;
*/
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</SCRIPT>
<HEAD>
<TITLE> HELLO WORLD </TITLE>
<style>
header {
background-color: #6a5acd;
color:black; /* font */
text-align: center;
padding:55px;
}
nav {
line-height:30px;
background-color:#4169e1;
text-align:center;
padding:5px;
}
section {
background-color:#e6e6fa;
width:350px;
height: 600px;
float:left;
padding:10px;
}
article {
background-color:#e0ffff;
width:350px;
float:left;
padding:10px;
}
footer {
background-color:#afeeee;
color:black;
clear:both;
text-align:center;
padding:35px;
}
div.cities {
background-color: black;
color:white;
margin:20px;
padding:20px;
}
p.italic {
font-style: italic;
}
.round {
border:22px;
margin:20px;
width:230px;
height:180px;
padding:30px;
-moz-border-image:url(frame.png) 30 30 round;/* firefox */
-webkit-border-image:url(frame.png) 30 30 round;/* sagari */
-o-border-image:url(fame.png) 30 30 round;/* Opera */
border-image:url(fame.png) 30 30 round;
}
.back3 {
background-image: url(flower.png), url(back.png)
background-repeat: no-repeat;
width:500px;
height:300px solid #999;
margin: 10px;
}
.box1 {
width: 900px;
height: 30px;
margin:20px 0 0 20px;
background-color: rgba(255.255.255.0.3)
padding:20px;
font-family: "맑은 고딕","돋움";
font-size:16px;
font-weight: bold;
color: rgba(0,0,0,1);
}
.box2 {
width:100px;
height:75px;
background-color: rgba(102,153,255,1);
border: 1px solid #000;
padding:10px;
margin:50px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:rotate(45deg);
-o-border-transform:rotate(45deg);
-moz-border-transform:rotate(45deg);
}
</style>
</HEAD>
<BODY BGCOLOR="#ffffff" onLoad="startclock()">
<header>
<font size = "40">Math & Computer </font>
</header>
<nav>
<form>
now-time : <input type=text name=clock size=7 >
</form>
</nav>
<section>
<ul>
<font size ="5"><a href = "http://sleep4725.tistory.com/">sleep4725.tistory.com</a></font>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/c%EC%96%B8%EC%96%B4"> C </a></font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/c++">C++ </font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/java">Java </font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/python">python</font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/Ruby">ruby </font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/Erlang">erlang </font></li>
</ul>
</section>
<section>
<ul>
<font size ="5"><a href = "http://sleep4725.tistory.com/">sleep4725.tistory.com</a></font>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/c%EC%96%B8%EC%96%B4"> C </a></font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/c++">C++ </font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/java">Java </font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/python">python</font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/Ruby">ruby </font></li>
<li><font size ="5"><a href = "http://sleep4725.tistory.com/category/%EC%96%B8%EC%96%B4/Erlang">erlang </font></li>
</ul>
</section>
<article>
<img src = "test.png" alt = "ggg" style = "width: 350px;height:600px;">
</article>
<footer>
Copyright Kim Jum Hyeon.com
</footer>
</BODY>
</HTML>
'언어 > html' 카테고리의 다른 글
| jinja + html (0) | 2019.03.24 |
|---|---|
| 스터디 (html-> list) (0) | 2017.09.10 |
| <h1> </h1> (0) | 2016.05.24 |
| 작업중 (0) | 2016.02.28 |
| study1 (0) | 2016.02.16 |
