반응형

 

html 특수 코드표...

 jsp 에서 '(' 치환하려는데.. 요놈이 치환이 안되서 깽판좀 쳤다..ㅠㅠ

반응형

'공부거리 > HTML' 카테고리의 다른 글

테이블 마우스 오버 및 아웃시 색상변경  (0) 2012.02.28
웹표준, 웹접근성 검사 사이트  (0) 2012.01.25
input 박스 숫자만 입력받기  (0) 2011.12.23
[Script]팝업 띄우기  (0) 2011.12.08
스크립트로 추정되는 정규식(?)  (0) 2011.11.10
반응형
<%@ page import = "java.io.*, java.util.*, java.text.*, java.sql.*, md.database.*"%>
<%

Database db = null;
Statement stmt = null;
PreparedStatement pstt = null;
ResultSet rs = null;

db = new Database("BASIC");
stmt = db.con.createStatement(); // Statement 객체 생성

String sql = " select * from table "
rs = stmt.executeQuery(sql);

<table>
<tr>
<td>  1    </td>
<td>  2    </td>
<td>  3    </td>
</tr>

while(rs.next()){
out.println("<tr>");
out.println("<td>");
out.println(rs.getString("1"));
out.println("</td>");
out.println("<td>");
out.println(rs.getString("2"));
out.println("</td>");
out.println("<td>");
out.println(rs.getString("3"));
out.println("</td>");
out.println("</tr>);.
}

</table>

%>
 
반응형

'공부거리 > JSP' 카테고리의 다른 글

ArrayList 안에 HashMap 넣어쓰기(HashMapList??)  (0) 2012.09.11
text 파일 작성하기  (0) 2012.09.10
JAVA 코드 분석 툴(잠재적 위험도 등)  (0) 2012.08.25
java 형변환 모음  (0) 2012.01.10
DATE 현재시간 및 하루전 시간  (0) 2011.12.21
반응형
 <script language="javascript">
  function openPopup5()
  {
   window.open('/print/print06.asp','SmallWindow','width=800,height=600,toolbar=no,scrollbars=yes,left=0,top=0');
  }
 </SCRIPT>

반응형

'공부거리 > HTML' 카테고리의 다른 글

웹표준, 웹접근성 검사 사이트  (0) 2012.01.25
input 박스 숫자만 입력받기  (0) 2011.12.23
스크립트로 추정되는 정규식(?)  (0) 2011.11.10
[JavaScript] 알아두면 좋은 함수  (0) 2011.11.10
html 태그 정리  (0) 2011.11.07
반응형

HTML 기본 태그

 

줄과 문단 바꾸기

<P> 또는 <P>---</P>

<BR>

<P> 줄을 바꾼 후 빈 줄을 하나 삽입하지만

<BR> 빈 줄 삽입 없이 줄만 바꿈

문서 제목 크기지정

<H#>---</H#>

#은 1~6 지정

* 문서 제목의 크기를 6단계로 지정할 때

* 숫자가 작을수록 글자가 큼

글자의 크기, 색상, 글꼴

<FONT SIZE=# COLOR=# FACE=#>---</FONT> #은 1~7 지정

SIZE 속성은 글자 크기, COLOR은 글자 색상, FACE는 글꼴을 지정

가운데 정렬

<CENTER>---</CENTER>

태그 내용을 가운데 정렬

글자 모양 지정

<B>---</B>

진하게

<STRONG>---</STRONG>

진하게

<I>---</I>

이탤릭체

<U>---</U>

밑줄

<SUP>---</SUP>

위 첨자

<SUB>---</SUB>

아래 첨자

<BIG>---</BIG>

조금 더 크게

<SMALL>---</SMALL>

조금 더 작게

배경색 지정

<BODY BGCOLOR=#>

#은 색상 상수값이나 16진수

<BODY> 태그의 BGCOLOR 속성을 사용해 웹 브라우저의 배경색을 지정

목록 작성

<UL>

순서가 없는 목록 작성

<OL>

순서가 있는 목록 작성

 

이미지태그 - IMG 태그의 속성

 

SRC

URL

이미지 파일의 경로 이름과 파일 이름 입력

ALT

텍스트

이미지 파일에 짧은 설명글 표시

BORDER

픽셀값

이미지의 테두리 두께를 지정(기본값은 0)

ALIGN

LEFT/CENTER/RIGHT/TOP/MIDDLE/BOTTOM

이미지의 왼쪽/좌우가운데/오른쪽/상단/상하가운데/하단으로 문자열 정렬

WIDTH

픽셀값 또는 퍼센트

이미지의 너비 지정

HEIGHT

픽셀값 또는 퍼센트

이미지의 높이 지정

 

하이퍼링크 태그

 

문서 연결

<A HREF=”링크할 파일명”>텍스트</A>

URL 연결

<A HREF=”URL”>텍스트</A>

특정 위치로 이동

<A HREF=”#이름”>텍스트 링크</A>

<A NAME=”이름”>텍스트</A>

이미지 하이퍼링크

<A HREF=”URL”><IMG SRC=”이미지 파일”></A>

 

 

표 태그

 

테이블 만들기

<TABLE>---</TABLE>

테이블의 시작과 끝을 정의

테이블 테두리 설정

<TABLE BORDER=#>---</TABLE>

#은 픽셀값

* BORDER 속성을 사용해 테이블의 테두리 지정

*BORDER는 픽셀값으로 지정(기본1)

테이블의 행

<TABLE>

    <TR>---</TR>

</TABLE>

<TABLE> 태그 안에서 지정하며, Table Row의 약어로 테이블의 행을 만듦. 이 태그 안에 <TD>를 지정

테이블의 열

<TR>

    <TD>---</TD>

</TR>

Table Data의 약어로 <TR>로 나눈 행을 다시 1개이상의 열로 나눌 때 사용. 이 태그 사이에 테이블에 들어갈 내용 입력

테이블 제목

<CAPTION>---</CAPTION>

테이블 설명이나 제목을 추가하며, 테이블의 위나 아래에 지정

테이블 크기

<TABLE WIDTH=# HEIGHT=#>

#는 픽셀값 또는 퍼센트

WIDTH 속성으로 테이블의 너비를

HEIGHT 속성으로 높이를 지정

셀 병합

<TD ROWSPAN=#>---</TD>

<TD COLSPAN=#>---</TD>

#는 숫자

<TD> 태그에서 ROWSPAN으로 여러 행을 하나로 합치고, COLSPAN으로 여러 열을 하나로 합침

테이블 색상

<TABLE BGCOLOR=#>

#은 색상 상수

<TABLE>,<TR>,<TD>태그의 BGCOLOR를 사용해 테이블의 색 지정

정렬

ALIGN=’LEFT’, ‘RIGHT’, ‘CENTER’

테이블 내용을 수평으로 정렬

VALIGN=’TOP’, ‘BOTTOM’, ‘MIDDLE’

테이블 내용을 수직으로 정렬

 

폼 태그

 

한 줄 입력

<INPUT TYPE=”text” NAME=”이름” VALUE=”기본값” SIZE=”입력 양식 너비” MAXLENTEH=”최대 문자 수”>

여러 줄 입력

<TEXTAREA NAME=” “ ROWS=” “ COLS=” “>기본값</TEXTAREA>

비밀번호

<INPUT TYPE=”password” NAME=”이름” SIZE=”입력 너비” MAXLENTEH=”최대 문자 수”>

체크

<INPUT TYPE=”checkbox” NAME=”이름” VALUE=”전송될 데이터 값”>

라디오 버튼

<INPUT TYPE=”radio” NAME=”이름” VALUE=”전송될 데이터 값”>

전송

<INPUT TYPE=”submit” NAME=”이름” VALUE=”버튼에 표시할 내용”>

취소

<INPUT TYPE=”reset” NAME=”이름” VALUE=”버튼에 표시할 내용”>

버튼

<INPUT TYPE=”button” NAME=”이름” VALUE=”버튼 내용”>

파일 업로드

<INPUT TYPE=”file” NAME=”이름” SIZE=”입력 양식 너비”>

폼 태그

<FORM NAME=”폼 이름” METHOD=”get/post” ACTION=”CGI 경로”>---</FORM>

 

폼 태그

<form name="폼 이름" method="get/post" action="CGI 경로"> ... </form>

 

한 줄 텍스트

<input type="text" name="이름" value="초기값" size="입력 양식 너비" maxlength="최대문자수">

 

비밀번호

<input type="password" name="이름" size="입력 양식 너비" maxlength="최대문자수">

 

여러 줄 텍스트

<textarea name="" rows="" cols=""> 초기값 </textarea>

 

라디오 버튼

<input type="radio" name="이름" value="전송될 데이터 값" checked>

...

*한 범위에 속하는 라디오 버튼들의 이름은 모두 같아야 한다.

 

체크 박스

<input type="checkbox" name="이름" value="전송될 데이터 값" checked>

...

*한 범위에 속하는 체크 박스들의 이름은 모두 같아야 한다.

 

파일 업로드

<input type="file" name="이름" size="입력 양식 너비">

 

펼침 목록

<select name="이름" size="화면에 나타낼 항목 수" mutiple>

<option value="전송될 데이터 값" selected> 보여질 내용 </option>

...

</select>

 

전송 버튼

<input type="submit" name="이름" value="버튼에 표시될 내용">

 

취소 버튼

<input type="reset" name="이름" value="버튼에 표시될 내용">

 

일반 버튼

<input type="button" name="이름" value="버튼에 표시될 내용">

*자바 스크립트와 연결할 때 주로 사용한다.


출처 - 연화의 설정은 열정!!(http://inthechaos.tistory.com/)

반응형

'공부거리 > HTML' 카테고리의 다른 글

input 박스 숫자만 입력받기  (0) 2011.12.23
[Script]팝업 띄우기  (0) 2011.12.08
스크립트로 추정되는 정규식(?)  (0) 2011.11.10
[JavaScript] 알아두면 좋은 함수  (0) 2011.11.10
기본적인 HTML 문  (0) 2011.10.26
반응형
# Html이란 

Hyper Text Markup Language
웹브라우져에 그림이나 텍스트를 표현할 수 있도록 해주는 언어이다.

# html파일 작성하기

[ex]
<html>
<head><title>제목</title></head>
<body>
내용1
내용2
</body>
</html>


# 태그란

'<' 와 '>'로 묶인 명령어를 의미
<태그명 속성="값" 속성="값"> 적용하려는문장 </태그명>


# 태그의 종류

줄바꿈 <br>
단락구분 <p>
글꼴관련 <font color="red" size="1~7" face="궁서체">
배경색상 <body bgcolor="green">
단락제목 <h1> ~ <h6>
문단정렬 <태그명 align="left|center|right">
가운데정렬 <center>
선긋기 <hr>
입력한대로보여주기 <pre>
이미지 <img arc="이미지파일명">
목록 <ol> <li> <ul>
연결 <a href="url|파일명">
테이블 <table> <tr> <td>
화면나누기 <frame>
화면속의화면 <iframe>

# 줄바꿈 <br> , 단락구분 <p>

[ex]
<html>
<head><title>제목</title></head>
<body>
내용1<br>
내용2
내용3<p>
내용4
</body>
</html>

# 글꼴관련 <font color="red" size="1~7" face="궁서체">
  배경색상 <body bgcolor="green">

[ex]
<html>
<head><title>제목</title></head>
<body bgcolor="skyblue">
<font color="red">내용1</font><br>
<font size="7">내용2</font><br>
<font face="궁서체">내용3</font><br>
<font color="green" size="7" face="궁서체">내용4</font>
</body>
</html>


# RGB색상

Red Green Blue 빛의 3요소라 불리는 세가지 색상을 혼합시켜 만든 색상
16진수로표기
표현방식은 '#'기호를 붙이고 각 색상을 ff로 표현해서 모든색상을 혼합시키면 흰색이
#ffffff

모든색상이 0이면 검정색을 표현할 수 있다.
#000000


[ex]
<html>
<head><title>제목</title></head>
<body>
<font size="7" color="#ff0000">내용1</font><br>
<font size="7" color="#00ff00">내용2</font><br>
<font size="7" color="#0000ff">내용3</font><br>
</body>
</html>


# 단락제목 <h1> ~ <h6>

[ex]
<html>
<head><title>제목</title></head>
<body>
<h1>내용1</h1>
<h2>내용2</h2>
<h3>내용3</h3>
<h4>내용4</h4>
<h5>내용5</h5>
<h6>내용6</h6>
</body>
</html>


# html의 주석문  <!--  주석처리문장 -->

[ex]
<html>
<head><title>제목</title></head>
<body>
<h1>내용1</h1>
<h2>내용2</h2>
<!-- <h3>내용3</h3> -->
<h4>내용4</h4>
<h5>내용5</h5>
<h6>내용6</h6>
</body>
</html>


# 문단정렬 <태그명 align="left|center|right"> 

[ex]
<html>
<head><title>제목</title></head>
<body>
<h1>내용1</h1>
<h2 align="center">내용2</h2>
<h3 align="right">내용3</h3>
</body>
</html>

[ex]
<html>
<head><title>제목</title></head>
<body>
내용1<br align="center"> <!-- 적용이 되질 않는다. -->
내용2<p align="center">
내용3
내용4
</body>
</html>


#가운데정렬 <center>

[ex]
<html>
<head><title>제목</title></head>
<body>
<center>
<h1>내용1</h1>
<h2>내용2</h2>
<h3>내용3</h3>
<h4>내용4</h4>
<h5>내용5</h5>
<h6>내용6</h6>
</body>
</html>



# 입력한대로보여주기<pre>

[ex]
<html>
<head><title>제목</title></head>
<body bgcolor="gray">
<pre>
<h1>
<font color="brown">@(..)@</font>  <font color="pink">()()</font>
<font color="brown"> ( Y )</font>  <font color="pink">(_._)</font>
</h1>
</pre>
</body>
</html>


# 테이블 작성하기

선두께 <table border="선두께">
선색상 <table bordercolor="색상">
테이블배경색상 <table bgcolor="색상">
테이블가로 <table width="크기">
테이블세로 <table height="크기">
테두리와 칸과의 간격 <table cellspacing="간격">

[ex]
<html>
<head><title>제목</title>
</head>
<body>
<table bgcolor="black" border="2" cellspacing="0" width="300" height="300">
<tr><td>1<td>2</tr>
<tr><td>3<td>4</tr>
<tr><td>5<td>6</tr>
</table>
</body>
</html>


# 칸합치기 <td colspan="칸수">

[ex]
<html>
<head><title>제목</title>
</head>
<body>
<table bgcolor="black" border="2" cellspacing="0" width="300" height="300">
<tr><td colspan="2">1</tr>
<tr><td>2<td>3</tr>
<tr><td>4<td>5</tr>
</table>
</body>
</html>


# 줄합치기 <td rowspan="줄수">


[ex]
<html>
<head><title>제목</title>
</head>
<body>
<table bgcolor="black" border="2" cellspacing="0" width="300" height="300">
<tr><td rowspan="2">1<td>2</tr>
<tr><td>3</tr>
<tr><td>4<td>5</tr>
</table>
</body>
</html>


# CSS

[sy] <style type="text/css">
태그명 { 속성:값; 속성:값; ... }
.클래스명 { 속성:값; 속성:값; ... }
</style>


css속성들

테두리두께 border-width:두께; 
테두리색상 border-color:색상;
테두리모양 border-style:solid;
가로 width:크기;
세로 height:크기;
글자색상 color:색상;
글자정렬 text-align:center;
배경색상 background-color:색상;
[ex]
<html>
<head>
<title>제목</title>
<style type="text/css">
td { 
border-width:2; 
border-color:green;
border-style:solid;
width:50;
height:50;
color:green;
text-align:center;
}
</style>
</head>
<body>
<table>
<tr><td>1<td>2</tr>
<tr><td>3<td>4</tr>
<tr><td>5<td>6</tr>
</table>
</body>
</html>
 
반응형

'공부거리 > HTML' 카테고리의 다른 글

input 박스 숫자만 입력받기  (0) 2011.12.23
[Script]팝업 띄우기  (0) 2011.12.08
스크립트로 추정되는 정규식(?)  (0) 2011.11.10
[JavaScript] 알아두면 좋은 함수  (0) 2011.11.10
html 태그 정리  (0) 2011.11.07

+ Recent posts

티스토리툴바