html 태그 목록 -펌-
출처 - http://blog.naver.com/ioiioizzz/189161093
Attribute (name) is obsolete. Its use is discouraged in HTML5 documents
Attribute : 속성
obsolete : 더 이상 쓸모없는
discouraged : 낙담한, 술에취한
그 속성은 더 이상 쓸모가 없고 그것을 사용하는것은 HTML5에서는 별로라네요
HTML5에서 제외된 속성들을 아래 태그목록에서 별도로 표시해놓겠습니다.
색(color)는 다음과 같이 지정 "red", "green", "blue", '#ff0000(16진수)
<a 속성> anchor, 링크
href - 문서경로(url, #name, mailto:메일주소?"제목"
name - 책갈피 ( HTML5 X )
target - 열릴대상(_blank, _parent, _self, _top)
<address> 주소나 연락처
<b> font 속성이 bold
<blockquote> 문단을 하나로
<body 속성> </body>
background - 배경(백그라운드)이미지 파일명
bgcolor - 배경색
text - 글자색
link - 링크색
vlink -방문했던 링크색
alink - 링크를 클릭했을때의 색
<br> break, 줄바끔
<center> 중앙정렬 (HTML5 X )
<dl> description list, 순번이 없는 목록, <dt>,<dd>태그와 같이 사용
<em> emphasized 강조하다, 이텔릭체(italicized)
<embed 속성> embedded plug-in, 끼워넣다, 미디어연결
src - 파일경로
autostart - 자동재생(true,false)
hidden - 화면에 감춤(true,false)
width - 넓이
height - 높이
loop - 반복회수, 반복여부(true, false)
<font 속성> 폰트지정
face - 글꼴 "굴림체"
color - 글꼴색상
size-글꼴크기(1~7)
<frameset 속성> 페이지를 프레임으로 나눔
rows - 페이지를 상하로 나눔(픽셀, %)
cols - 페이지를 좌우로 나눔(픽셀, %)
border - 테두리
bordercolor - 테두리색상
frameborder - 테두리여부(yes,no)
<frame 속성> frameset에 대한 지정
name - 프레임명(target)
src - 파일경로
noresize - 프레임고정
scrolling - 스크롤바(yes,no,auto)
<h1> ~ <h6> heading, 헤드라인
<hr 속성> horizontal rule, 수평선
align(left,right,center) - 정렬
color - 색상
size - 굵기(픽셀)
width - 길이(필셀.%)
noshade - 그림자없음
<i> 이텔릭체(italic)
<iframe 속성> inline frame, 다른 웹페이지를 포함 (HTML5 X)
name - 프레임명(target)
src - 파일경로
scrolling - 스크롤바(yes,no,auto)
align(left,right,center) - 정렬
width - 넓이
height - 높이
frameborder - 테두리 (HTML5 X)
bordercolor - 테두리색상
<img 속성> image, 이미지
src - 이미지경로
alt - 설명
align(left,right,top,middle,bottom) - 정렬
border - 테두리를 숫자로
height - 높이
width - 넓이
hspace - 좌우여백
vspace - 상하여백
<marquee 속성> 스크롤
behavior(scroll,slide,altermate) - 형태
direction(left,right,up,down) - 방향
scrolldelay - 지연속도(1/1000초)
scrollmount - 픽셀수
bgcolor - 배경색
height - 높이
width - 넓이
loop - 반복횟수(기본값 infinite)
<ol 속성> ordered list, 순번이 있는 목록, <li>태그와 같이 사용 (HTML5 X)
type(a,i,1) - 목록앞에 붙는 표식
start - 시작번호
<p 속성> paragraph. 단구분
align(left, right, center) - 정렬
<pre> preformatted, 내용을 그대로 보여줌
<s> 취소선 (HTML5 x)
<strong> 굵은글씨체
<sup><sub> 위첨자(superscript),아래첨자(subscipt)
<u> 밑줄문자 (HTML5 X)
<ul 속성> unordered list, 순번이 없는 목록, <li>태그와 같이 사용
type(disc, circle, square)
<xmp> 문단내용중 태그를 그대로 보여줌
----------
<form 속성> 폼안에 있는 데이타를 전송
method - get,post 방식지정
name - 폼이름
action - 이동할 위치
enctype - 대용량파일의 속성(multipart, form-data)
<input type=타입> 폼에서 사용
button - 버튼
name - 이름
value - 값
- checkbox - 체크박스
name - 이름
value - 값
checked - 선택된상태
- file - 파일첨부
name - 이름
size - 길이
readonly - 읽기전용
- hidden - 숨김
name - 이름
value - 값
- password - 비밀번호 입력
name - 이름
size - 길이
maxlength - 최대글자수
- radio - 라디오버튼
name - 이름이 같으면 같은 그룹
value - 값
checked - 선택된상태
- reset - 초기값으로 재설정
name - 이름
value - 값
- submit- formd의 action 위치로 전송
name - 이름
value - 값
- text - 텍스트입력
name - 이름
size - 길이
value - 값
maxlength - 최대글자수
readonly - 읽기전용
<select 속성> 폼에서 사용, option 태그하고 같이 사용, 목록에서 선택
name - 이름
size - 길이
multiple - 복수선택가능
<option 속성> 폼에서 사용. select 태그의 세부 목록
value - 값
selected - 선택된 상태
<textarea 속성> 폼에서 사용. 메모장
name - 이름
cols - 넓이
rows - 높이
readonly - 읽기전용
--------------
<table 속성>
align(left,right,center) - 정렬
bgcolor - 배경색
background - 배경이미지
border - 테두리 두께
bordercolor - 테두리색상
cellpaddin - 셀 안쪽 여백
cellspacing - 셀과 셀사이의 여백
width - 테이블넓이
height - 테이블높이
frame(above,below,border,box,rhs,ths,hsides,vsides,void) 표의 바깥쪽 테두리
rules(all,cols,rows,group,none) 표의 안쪽 테두리
<caption> 표의 제목
<col> 모든 row에 대한 col의 속성
<colgroup> 여러 col을 하나의 그룹으로
<thead> 머리글
<tfoot> 바닥글
<tbody> 본문
<tr 속성> 테이블의 row
align(left,right,center) - 정렬
bgcolor - 배경색
valign(top,middle,bottom) - 세로 정렬방식
height - 높이
rowspan - 병합
<th 속성>,<td 속성> 테이블의 column
align(left,right,center) - 정렬
valign(top,middle,bottom) 세로 정렬방식
background - 배경이미지
bgcolor - 배경색
colspan - 병합
nowrap - 줄바꿈안되게
width - 넓이
'웹 & 안드로이드 > HTML5' 카테고리의 다른 글
| 여러개 체크박스를 가져와 개별 클릭 이벤트 체크 하는방법 (0) | 2013.11.26 |
|---|---|
| jQuery ajax 사용하기. (0) | 2013.10.28 |
| javascript에서 StringBuffer 사용하기. (0) | 2013.10.13 |
| jQuery - <select>태그의 선택 된 값 가져오기. (0) | 2013.10.12 |
| jQuery - radio check된 값 받기. (1) | 2013.10.12 |
