반응형
<!doctype html>
<html lang="ko">
 <head>
  <meta charset="UTF-8">
  <title>웹 폰트 사용하기</title>
<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap" rel="stylesheet">
 <style>
 
   @font-face{
   				font-family: 'Nanum Myeongjo', serif;
			 }
  .w-font{
  			font-family:'Nanum Myeongjo', serif;/*웹 폰트 지정*/
		 }
		 
		p{
			font-size: 30px; /*글자 크기*/
		 }
 </style>
 </head>
 <body>
  <p>디폴트 폰트</p>
  <p class="w-font">적용 폰트</p>
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

박스 모델  (0) 2019.08.25
웹 폰트 적용하기  (0) 2019.08.25
Transform  (0) 2019.08.25
내부 스타일시트  (0) 2019.08.25
구구단 다 출력하기  (0) 2019.08.25
반응형
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Transform</title>
  <style>
    .box{
  		position:absolute;
		left:50px;
		top:70px;
		width:100px;
		height:60px;
		background:#fff;
		border:2px solid green;
		text-align:center;
		line_height:60px;
	  }
  .box:hover{
				-webkit-transform:rotate(15deg);
				-moz-transform: rotate(15deg);
				-o-transform:rotate(15deg);
				-ms-transform:rotate(15deg);
				transform:rotate(15deg);
		    }
  </style>
 </head>
 <body>
  <div class="box">Mouse over</div>
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

웹 폰트 적용하기  (0) 2019.08.25
웹 폰트 사용하기  (0) 2019.08.25
내부 스타일시트  (0) 2019.08.25
구구단 다 출력하기  (0) 2019.08.25
구구단  (0) 2019.08.25
반응형
<!doctype html>
<html lang="ko">
 <head>
  <meta charset="utf-8">
  <title>내부 스타일시트</title>
  <link href="style.css" rel="stylesheat" type="text/css">
    <style>
  	ul {
		color:blue;
		list-style-type:square;
		} //이부분 css파일로 따로 저장 해야함
  </style>
 </head>
 <body>
	<img src="image/s.png" alt="시드니 오페라 하우스">
	<h1>세계 3대 미항</h1>
	<ul>
		<li>시드니(Sydney), 호주</li>
		<li>리자데자네이루(Rio de Janeiro), 브라질</li>
		<li>나폴리(Naples), 이탈리아</li>
	</ul>
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

웹 폰트 사용하기  (0) 2019.08.25
Transform  (0) 2019.08.25
구구단 다 출력하기  (0) 2019.08.25
구구단  (0) 2019.08.25
if  (0) 2019.08.25
반응형
html>
 <head>
  <title>구구단 출력하기</title>
 </head>
 <body>
 <script language="JavaScript">
 <!--
 	document.write("<TABLE align='center' width='800'>")
	document.write("<TR bgcolor='#FFFF99'>")

	for(dan=1; dan<=9; dan++)
	{
		document.write("<TH>"+dan+"단"+"</TH>")
	}
	document.write("</TR>") //밖에서 끝내야 함.
	for(i=1; i<=9; i++)
	{
		document.write("<TR bgcolor='#FFFFCC'>")
		for(j=1; j<=9; j++)
		{
			document.write("<TD align='center'>"+j+"*"+i+"="+j*i+"</TD>")
		}
		document.write("</TR>")
	}
	document.write("</TABLE>")
//-->
 </script>
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

Transform  (0) 2019.08.25
내부 스타일시트  (0) 2019.08.25
구구단  (0) 2019.08.25
if  (0) 2019.08.25
연산자  (0) 2019.08.25
반응형
<html>
 <head>
  <title>FOR문</title>
 </head>
 <body>
 <script language="JavaScript">
 <!--
	dan=prompt("구구단 중에서 몇 단이 궁금한가요?")//prompt=scanf
	document.write("<table width='200' align='center'>")
	 document.write("<TR bgcolor='#FFFF99'>")
	 document.write("<TH>"+dan+"단"+"</TH>")

	for(i=1; i<=9; i++)
	{
		document.write("<TR bgcolor='#FFFFCC'>")
		document.write("<TD align='center'>"+dan+"*"+i+"="+dan*i+"</TD>")
		document.write("</TR>")
	}
	document.write("</TABLE>")
//-->
 </script>
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

내부 스타일시트  (0) 2019.08.25
구구단 다 출력하기  (0) 2019.08.25
if  (0) 2019.08.25
연산자  (0) 2019.08.25
alert()  (0) 2019.08.25
반응형
<html>
 <head>
  <title>IF문</title>
 </head>

 <body>
      <script language="JavaScript">
      <!--
	 var free=100, message="정회원", age
	 age=prompt("나이를 입력하세요","")

	 if(age<=18)
	 {
		free=0
		message="무료회원"
	 }
	 //age값이 18이하아면 free값에 '0', messag값에 '무료회원' 대입 
	
	alert(message+"\n 월 사용료 : "+free+"원")
      //-->
</script>
<HR>
<center>
이 사이트는 회원제로 정회원의 월 사용료는 100원 입니다.<BR>
단, 18세 이하의 미성년자는 무료회원으로 가입할 수 있습니다.
</center>
<HR>
</body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

구구단 다 출력하기  (0) 2019.08.25
구구단  (0) 2019.08.25
연산자  (0) 2019.08.25
alert()  (0) 2019.08.25
표 합치기 실습  (0) 2019.08.25
반응형
<html>
 <head>
  <title>연산자</title>
 </head>
 <body>
	<script language="JAvaScript">
	<!--
		document.write("10*3="+10*3+"<BR>")//document.write=printf
		document.write("10/3="+10/3+"<BR>")
		document.write("10%3="+10%3+"<BR>")
		document.write("10+3="+(10+3)+"<BR>")
		document.write("10-3="+(10-3)+"<HR>")
		//산술 연산자의 결과

		var a=10, b=-2//var=값
		document.write("a<<2의 값은 "+(a<<2)+"<BR>")
		//왼쪽으로 2비트 이동하므로 값이 4배 증가
		document.write("a>>1의 값은 "+(a>>1)+"<BR>")
		//오른쪽으로 1비트 이동하므로 값이 1/2배 증가
		document.write("a>>>1의 값은 "+(a>>>1)+"<BR>")
		//오른쪽으로 1비트 이동하므로 값이 1/2배 증가
		document.write("b>>1의 값은 "+(b>>1)+"<BR>")
		document.write("b>>>1의 값은 "+(b>>>1)+"<BR>")
		//>>는 새로 진입하는 비트가 부호 비트가 부호 비트이고, >>>는 새로 진입하는 비트가 0이기 때문에
		//값이 음수일 경우에는 >>와 >>>의 결과가 다르게나타남
//-->
</script>
</body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

구구단  (0) 2019.08.25
if  (0) 2019.08.25
alert()  (0) 2019.08.25
표 합치기 실습  (0) 2019.08.25
테이블 2  (0) 2019.08.25
반응형
<html>
 <head>
  <title>alert()</title>
 </head>
	<script language="JavaScript">
        <!--
 		alert("안녕하세요")
		alert("자주 방문해 주세요. \n 늘 새로운 정보를 제공하겠습니다.")
	//-->
        </script>

 <body>
  
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

if  (0) 2019.08.25
연산자  (0) 2019.08.25
표 합치기 실습  (0) 2019.08.25
테이블 2  (0) 2019.08.25
테이블  (0) 2019.08.24
반응형
<!doctype html>
<html lang="en">
 <head>
  <title>표 합치기 실습</title>
 </head>
 <body>
  <TABLE BORDER=1>
 <TR>
  	<TD	COLSPAN=2>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;</TD>
	<TD>&nbsp;</TD>
	<TD>&nbsp;</TD>
</TR>
<TR>
  	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD rowspan=2>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
</TR>
<TR>
  	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
</TR>
<TR>
  	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
</TR>
<TR>
  	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
	<TD>&nbsp;&nbsp;&nbsp;</TD>
</TR>
 </body>
</html>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

연산자  (0) 2019.08.25
alert()  (0) 2019.08.25
테이블 2  (0) 2019.08.25
테이블  (0) 2019.08.24
웹사이트 제작에 필요한 기술  (0) 2019.08.24
반응형
<HTML>
	<HEAD>
		<TITLE> 테이블 </TITLE>
	</HEAD>

	<BODY>
	<B>[2]</B>
<TABLE BORDER="5" BORDERCOLOR="#7CC2D3" WIDTH="80%" ALIGN="center" CELLSPACING="10">
		<TR BGCOLOR="#7CC2D3" >
			<TH WIDTH="20%">번호</TH>
			<TH WIDTH="40%">이름</TH>
			<TH WIDTH="40%">전화번호</TH>
		</TR>

		<TR ALIGN="center" BGCOLOR="#B5D5E8">
			<TD>1</TD>  <TD>김일남</TD>  <TD>123-4567</TD>
		</TR>

		<TR ALIGN="center" BGCOLOR="#B5D5E8">
			<TD>2</TD>  <TD>김이남</TD>  <TD>234-5678</TD>
		</TR>

		<TR ALIGN="center" BGCOLOR="#B5D5E8">
			<TD>3</TD>  <TD>김삼남</TD>  <TD>345-6789</TD>
		</TR>
	</BODY>
</HTML>
반응형
저작자표시 (새창열림)

'2019~2020 > 웹 프로그래밍 (PHP)' 카테고리의 다른 글

alert()  (0) 2019.08.25
표 합치기 실습  (0) 2019.08.25
테이블  (0) 2019.08.24
웹사이트 제작에 필요한 기술  (0) 2019.08.24
목록 만들기  (0) 2019.08.24

+ Recent posts

티스토리툴바