폼은 데이터를 전송할 때 주로 사용한다.


<form>

자신의 태그 내에 있는 데이터를 지정한 웹 경로로 전송해준다.

 속성

 설명 

 name

 한 페이지에 여러 개의 폼이 있을 수 있으므로 폼을 구분하기 위해 사용한다. 

 method

 데이터 전송하는 방식을 지정. 

 GET : 256 ~ 4096 바이트 정도의 작은 데이터 전송에 사용한다. Query String 형태. (?데이터1=값1&데이터2=값2&데이터3=값3...)

 POST : 대용량 데이터를 전송하는데 사용한다. 

 action

 폼 내의 데이터를 가지고 이동할 위치를 지정한다 (URL이나 JSP 프로그램).

 enctype

 파일 전송에 사용. 고정값으로 사용. "multipart/form-data" 


<input>

데이터를 입력 받기 위한 태그이다.

 type

 속성  

 설명

 text

 name

 필드를 구분하는 이름을 지정한다.

 

 size

 대문자 A를 기준 삼아 필드의 크기를 지정한다.

 value

 기본값을 지정한다. 텍스트

 maxlength

 필드에 입력할 수 있는 글자 수를 제한한다.

 readonly

 필드를 읽기 전용으로 지정한다.

 password

 name 

 필드를 구분하는 이름을 지정한다. 

 size

 대문자 A를 기준 삼아 필드의 크기를 지정한다.

 maxlength

 필드에 입력할 수 있는 글자 수를 제한한다.

 radio

 name 

 필드를 구분하는 이름을 지정한다.

 

 value

 데이터의 값을 지정한다. 텍스트

 checked

 현재 항목을 확인할 지를 지정한다.

 checkbox

 name

 필드를 구분하는 이름을 지정한다. 

 value

 데이터의 값을 지정한다. 텍스트

 checked

 현재 항목을 확인할 지를 지정한다.

 button

 name 

 필드의 이름을 지정한다.

 화면에서 벗어나지 않고 화면 안에서 처리하는 경우에 

 value

 버튼에 표시할 텍스트를 지정한다.

 submit

 name 

 필드의 이름을 지정한다.

 action 속성에 지정되어 있는 위치로 전송할 때 사용.  button과 같으나, 폼에 있는 내용을 전달하는 동작까지 포함한다.

 value

 버튼에 표시할 텍스트를 지정한다.

 reset

 name 

 필드의 이름을 지정한다. 폼 내의 데이터를 초기화 하는데 사용

 value

 버튼에 표시할 텍스트를 지정한다.

 hidden

 name 

 필드의 이름을 지정한다. 입력을 하지 않고 어떠한 데이터를 가지고 움직여야할 때 사용. 화면에는 보이지 않는다.

 value

 버튼에 표시할 텍스트를 지정한다. 

 file

 name 

 필드의 이름을 지정한다. 

 size

 필드의 크기를 지정한다. 숫자

 readonly

 필드를 읽기 전용으로 지정


<select>

콤보박스로 폼을 구성할 때 사용한다. multiple 속성을 사용해 여러 개 선택도 가능하다.

 속성

 설명 

 name

 필드의 이름을 지정한다. 

 size

 목록에 보여지는 항목의 개수를 지정한다

 multiple

 여러 개의 항목을 동시에 선택할 수 있도록 한다. 


<option>

select 태그가 만드는 리스트의 항목을 구성하는 태그이다.

 속성

 설명 

 value

 항목을 선택 했을 때 전송할 값을 지정한다.

 selected

 기본적으로 선택되는 항목을 지정한다. 


<textarea>

여러 줄에 걸쳐 데이터를 작성할 때 사용한다.

 속성

 설명

 name

 필드의 이름을 지정한다. 

 cols

 대문자 A를 기준으로 개수만큼 너비를 지정한다. 

 rows

 대문자 A를 기준으로 개수만큼 높이를 지정한다. 

 readonly

 필드를 읽기 전용으로 지정한다. 


Posted by 후니아부지
:

<frameset>

body 태그 역할을 하며 화면 분할 하는데 사용한다.

요즘은 <div> 태그가 대부분 대신한다. (표준화)

frameset 내에 frameset이 올 수 있다.

 속성

 설명

 rows

 페이지를 상하로 나눌때 사용한다. (픽셀 or %)

 cols

 페이지를 좌우로 나눌때 사용한다. (픽셀 or %)

 border

 나누어진 프레임의 테두리를 지정한다 (숫자). 0이면 테두리는 없다. 기본값은 1이다.

 bordercolor

 테두리 색을 지정한다. (색 or 색상코드) 

 frameborder

 프레임을 구분하는 테두리를 화면에 표시할지를 지정한다. (true or false)

 기본값은 yes이다. no의 경우 border 값을 0으로 해야 한다. 


<frame>

frameset 태그에 의해 분할된 각 영역에 표시될 프레임을 관리하는 태그이다.

속성 

 설명 

 name

 프레임의 이름을 지정한다. 

 src

 프레임에 해당하는 파일이름이나 경로를 지정한다.

 noresize

 프레임 크기를 고정한다.

 scrolling

 프레임에 스크롤이 표시되지 않도록 지정한다. (yes, no ,auto). 기본값은 auto이다. 


<iframe>

다른 웹페이지를 자신의 웹 페이지에 포함시키는 태그이다. 

테이블 내에서 웹 페이지를 표시하고자 할 때 사용한다. (frame 태그는 그냥 주소를 지정하면 웹 페이지를 포함할 수 있다.)

속성 

 설명 

 name

 프레임의 이름. target 속성 사용시 필요. 

 src

 프레임에 해당하는 파일경로나 이름을 지정. 

 scrolling

 프레임에 스크롤 막대가 표시되지 않도록 지정 (yes, no, auto). 기본값은 auto이다. 

 align

 프레임 정렬 방식을 지정한다. (left, right, center) 

 width

 프레임의 너비를 지정한다. (픽셀) 

 height

 프레임의 높이를 지정한다. (픽셀) 

 frameborder

 프레임을 구분하는 테두리를 표시할지를 지정한다 (숫자). 0이면 테두리가 없다. 

 bordercolor

 테두리 색을 지정한다. 색상이나 색상코드를 설정한다. 






' > web' 카테고리의 다른 글

CSS (Cascading Style Sheet) - 기본  (0) 2014.02.14
HTML 기본 태그 - 폼 관련  (0) 2014.02.13
HTML 기본 태그 - 표 관련  (0) 2014.02.13
HTML 기본 태그 - 이미지, 사운드, 링크  (0) 2014.02.13
HTML 기본 태그 - 문단 관련  (0) 2014.02.13
Posted by 후니아부지
:

<table>

표를 만들 때 사용한다. 

웹 페이지 전체를 구성하는데도 사용한다.

 속성

 설명 

 align

 정렬 방식 지정 (left, center, right). 기본값은 left 이다.

 bgcolor

 배경색을 지정. 색상이나 색상코드를 사용한다.

 background

 배경 이미지를 지정한다.

 border

 테두리 두께 지정 (픽셀). 0이면 테두리가 없다.

 bordercolor

 테두리 색을 지정. 색상이나 색상코드를 사용한다.

 cellpaddin

 셀 안쪽 여백을 지정한다. 0 또는 픽셀

 cellspacing

 셀과 셀사이의 여백을 지정한다. 0 또는 픽셀

 width

 표의 너비를 지정한다. 픽셀

 height

 표의 높이를 지정한다. 픽셀

 frame

 표의 바깥쪽 테두리를 지정한다.

 above, below, border, box, lhs, rhs, hsides, vsides, void

 rules

 표의 안쪽 테두리를 지정한다.

 all, cols, rows, group, none


<tr>

표에서 행을 관리하는데 사용한다.

 속성

 설명

 align

 행의 정렬 방식을 지정한다. left, right, center. 기본값은 left이다.

 bgcolor

 행의 배경색을 지정한다. 색상이나 색상코드를 사용한다.

 valign 

 행의 세로 정렬 방식을 지정한다. top, middle, bottom을 지정한다.

 height

 행의 높이를 지정한다. (픽셀)

 rowspan

 행의 병합을 지정한다. (행 개수)


<th>와 <td>

표에서 열을 관리하는데 사용한다.

<th> 태그는 열의 제목을 표시하는데 사용한다. 기본 속성값으로 굵게 중앙정렬되어 있다.

<td> 태그는 열을 구분지을 때 사용한다.

 속성

 설명

 align

 셀의 정렬 방식을 지정한다(left, right, center). 기본값은 left이다.

 valign

 셀에서 세로 정렬 방식을 지정한다(left, right, center). 기본값은 middle이다.

 background

 셀의 배경이미지를 지정한다. 

 bgcolor

 셀의 배경색을 지정한다. 색상이나 색상코드를 사용한다. 

 colspan

 셀 병합을 지정한다. (열 개수)

 nowrap

 셀안에서 줄바꿈이 안되도록 지정한다. 

 width

 셀 너비를 지정한다. 


※ 빈 셀을 만드려면 &nbsp; 로 공백을 넣어주어야 한다.


<caption>

제목이나 간단한 설명을 나타낼때 사용한다.


<thead>, <tbody>, <tfoot>

표 내에서 그룹지어 머리글, 본문, 바닥글로 지정해준다.









' > web' 카테고리의 다른 글

HTML 기본 태그 - 폼 관련  (0) 2014.02.13
HTML 기본 태그 - 페이지 관련  (0) 2014.02.13
HTML 기본 태그 - 이미지, 사운드, 링크  (0) 2014.02.13
HTML 기본 태그 - 문단 관련  (0) 2014.02.13
HTML 기본 태그 - 본문 관련  (0) 2014.02.13
Posted by 후니아부지
: