'HTML'에 해당되는 글 6건

  1. 2008.12.12 팝업 띄우기
  2. 2008.12.12 D-day 계산
  3. 2008.12.12 글자 꾸미기
  4. 2008.12.12 자동으로 페이지 이동
  5. 2008.12.12 Form 태그
  6. 2008.12.12 프레임 나누기
KOREA University/Html & Script2008. 12. 12. 15:51

팝업 띄우기

<a href="#" onfocus="this.blur()" onClick="window.open('popup.html','popup','toolbar=no, left=100, top=100, width=300, height=300, resize=no, scrollbars=no');">팝업링크</a>

자바 스크립으로 띄우는 방법도 있지만,
이런 간단하고 좋은 태그를 냅두고 굳이 자바 스크립을 쓰려하는건 바보 행위다.
Posted by 정훈승
KOREA University/Html & Script2008. 12. 12. 15:45

D-day 계산

<html>
<head>
<title>D-day</title>
<script language="JavaScript">
function jhsdday(y, m, d)
{
 today = new Date();
 dday = new Date(y, m-1, d);
 n = Math.floor((dday.getTime()-today.getTime())/86400000)+1;
 // 86400000 = 24시간*60분*60초*1000
 document.write(n)
}
</script>
</head>
<body>
2008년 크리스마스까지는 앞으로
<script language="JavaScript">
 jhsdday(2008, 12, 25);
</script>
일 남았습니다.
</body>
</html>
Posted by 정훈승
KOREA University/Html & Script2008. 12. 12. 15:21

글자 꾸미기

<p style="font-size:13pt; font-family: malgun gothic; color: black; letter-spacing: 0; line-height:12pt;">텍스트 내용</p>

<font>태그는 백만년전에 쓰던거다.
Posted by 정훈승
KOREA University/Html & Script2008. 12. 12. 15:16

자동으로 페이지 이동

<meta http-equiv="refresh" content="3; url=http://www.jhs.pe.kr">

content부분의 숫자는 초 단위다. 3을 썼으면 3초후에 이동
Posted by 정훈승
KOREA University/Html & Script2008. 12. 12. 15:08

Form 태그

<form name="result" method="post" action="result.php">
아이디 : <input type="text" size="10" name="id"><br>
패스워드 : <input type="password" size="10" name="pw"><p>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ<p>
컴퓨터를 주로 사용하는 시간대는?<br>
<input type="radio" name="computer" value="radio1">06~12시<br>
<input type="radio" name="computer" value="radio2">12~18시<br>
<input type="radio" name="computer" value="radio3">18~24시<br>
<input type="radio" name="computer" value="radio4">00~06시<p>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ<p>
주로 이용하는 검색사이트는?(다수 선택 가능)<br>
<input type="checkbox" name="checkbox" value="checkbox1">네이버<br>
<input type="checkbox" name="checkbox" value="checkbox2">다음<br>
<input type="checkbox" name="checkbox" value="checkbox3">야후<br>
<input type="checkbox" name="checkbox" value="checkbox4">구글<br>
<input type="checkbox" name="checkbox" value="checkbox5">엠파스<br>
<input type="checkbox" name="checkbox" value="checkbox6">파란<p>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ<p>
직업을 선택하시오 :
<select name="select">
 <option>초등학생</option>
 <option>중학생</option>
 <option>고등학생</option>
 <option>대학생</option>
 <option>직장인</option>
 <option>기타</option>
</select><p>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ<p>
자기소개를 써보시오 :<br>
<textarea name="textfield" cols="50" rows="10"></textarea><p>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ<p>
<input type="submit" value="확인">
<input type="reset" value="다시쓰기">
</form>

기초적인 html을 php로 써먹기 위한 가장 처음단계라 할 수 있습니다.

아래는 실행화면
사용자 삽입 이미지
Posted by 정훈승
KOREA University/Html & Script2008. 12. 12. 14:33

프레임 나누기

<html>
<head>
<title></title>
<frameset cols="30%, 70%">
 <frame src="aaaa.html" name="aaaa">
 <frame src="bbbb.html" name="bbbb" noresize>
</frameset>
</html>

세로로 짜를땐 cols
가로로 짜를땐 rows
Posted by 정훈승

티스토리툴바