목록 관련 태그
| 종류 | 태그 | 속성 |
| 비 순차적 목록 | <ul><li></ul> | type : square, circle, disc |
| 순차적 목록 | <ol><li></ol> | type : A, a, l, l, 1 start = "숫자" value = "숫자" |
| 정의 리스트 | <dl><dt></dt></dl> |
| 태그 | <ul> | <ol> |
| 약어 | unorderlist | orderlist |
| 용도 | 순서 없는 목록 | 순서 있는 목록 |
| type | disc(), circle(), square() | 1, A, a, I(로마숫자), i |
| start | 시작 번호 설정 | |
| reversed | 지원하지 않음 | |
| 기본값 | disc | 1 |
| 사용 예시 | <ul type = "square">목록</ul> | <ul type = "A">목록</ㅕㅣ> |
시멘틱요소
| 항목 | 설명 |
| article | 블로그의 포스트와 같이 독립적인 개별 영역 부분입니다. |
| aside | 머리글,본문,하단 내용과는 상관없이 배너를 담거나 블로그의 사이드바와 같이 별도로 분리되는영역 |
| footer | 하단에 위치하는 저작권 정보, 연락처와 같은 내용의 영역 |
| geader | footer요소와 반대로 상단에 위치하며, 문서의 제목과 같은 내용의 영역 |
| hgroup | header요소에 포함되어 여러개의 제목을 그룹화시킨 영역에 사용합니다 |
| navi | 웹 사이트의 주메뉴 부분이 위치한 영역 |
| section | 본문 부분이며 같은 테마의 article요소의 그룹핑이나 section나 header같은 요소를 중첩시켜 구성 |
그림관련태그
| 태그 | 설명 |
| alt | 이미지를 대신하는 대체 텍스트를 지정한다 |
| src | 보여줄 이미지의 주소 |
| width | 이미지의 가로 크기를 지정한다 |
| height | 이미지의 세로 크기를 지정한다 |
| title | 이미지 위에 마우스를 높으면 나타나는 툴팁 |
| ismap | 서버-사이드의 이미지 맵을 정의한다 |
| usemap | 클라이언트-사이드의 이미지 맵을 정의한다 |
| border | 이미지 테두리 두께 |
| align | 이미지 옆에 출력될 텍스트 정렬방식 |
| vspace | 이미지와 다른 내용과의 위,아래 여백 |
| hspace | 이미지와 다른 내용과의 좌축,우측 여백 |
Audio요소
| 속성 | 기능 |
| autoplay | 자동재생 |
| controls | 컨트롤바 표시 |
| loop | 연속재생 |
| src | 오디오 파일의 경로 지정 |
video요소
| 속성 | 기능 |
| autoplay | 자동재생 |
| controls | 컨트롤바 표시 |
| loop | 연속재생 |
| src | 비디오 파일의 경로를 지정 |
| height | 이미지의 세로 크기를 지정한다 |
| poster | 영상이 나타나지 않을경오 대체 이미지 경로 지정 |
| preload | 연결된 비디오 영상을 로컬에 모두 다운로드후 재생 |
| width | 이미지의 가로 크기를 지정한다 |
<a>요소
| 속성 | 기능 |
| href | 하이퍼링크 주소지정 웹 상의 주소일시 http://를 작성 |
| target | 하이퍼링크의 타겟 같은 브라우저(_self) 새로운 브라우저(_blank) 부모 브라우저(_parent) 최상위 브라우저(_top) 특정 인라인 프레임창(_frameName) |
iframe요소
| 속성 | 기능 |
| name | 아이 프레임의 이름을 지정 지정된 이름은 하이퍼링크의 타켓 설정에 사용 |
| src | 아이 프레임 창에 표시되는 문서 경로 지정 문서의 특정 위치에 다른 문서를 이미지처럼 삽입 |
| width | 아이 프레임의 가로 크기 지정 |
| height | 아이 프레임의 세로 크기 지정 |
| seamless | 속성을 사용하면 아이프레임이 부모 문서와 같이 지정 |
| srcdoc | html태그를 직접 마크업하여 아이 프레임 창에 개체로 표시 |
| sandbox | 아이 프레임 개체에 대한 제한사항을 줌 |
table관련 태그
| 태그 | 설명 |
| <table></table> | 표를 나타냄 |
| <tr></tr> | table내에 한 행(row)를 생성 |
| <td></td> | tr태그 내에 쓰여서 한 셀(col)을 생성 |
| <th></th> | table Header를 의미 |
| <table border = "n" cellspacing = "n"> | table의 테두리선 크기, 셀사이 간격 조 |
| <table cellpadding = "n" bgcolor = "색상코드"> | 셀과 내부 글자와의 간격을 빌려줌, 바탕색 지정 |
| <table width = "n" jeight = "n"> | table넓이와 높이를 지정 |
| <td align = 위치 value = 위치> | 위치 정렬 |
| <caption></caption> | 테이블 전체의 제목을 지정할때 사용 |
input요소
| input요소의 type 속성값 | 기능 |
| button | 폼 버튼 형태로 삽입 자바스크립트와 연결해 하이퍼링크를 지정 |
| checkbox | 삽입과 해체를 반복하는 토글형태로 삽입 |
| color | 컬러 픽커를 사용하여 색상을 지정 |
| date | 날짜와 시간 지정 |
| datetime | UTC형식의 날짜와 시간 지정 |
| 이메일 주소 입력 | |
| file | [찾아보기]버튼이 삽입되어 파일을 첨부하는 용도 |
| hidden | 웹 프로그래밍과 연동하는 용도로 사용되면 화면에 표시되지 않음 |
| image | 폼 버튼 대신 이미지 버튼을 사용하는 용도 |
| mouth | 월을 지정하는 용도 |
| number | 숫자를 증가.감소 시킬수 있는 컨트롤 버튼을 표시 |
| password | 글자를 입력하면 패스워드 형태로 표시 |
| radio | 같은 그룹의 목록 아이템에서 하나만 선택할수있는 용 |
| range | 영역의 범위 지정 |
| reset | 사용자가 입력한 폼요소 초기화 |
| search | 텍스트 필드에 찾아보기 기능 추가 |
| submit | 폼요소 전송 |
| tel | 전화번호를 지정 |
| text | 한줄 입력 상자를 삽입 |
| time | 시간을 지정 |
| url | 하이퍼링크 주소 지정 |
| week | 달력의 한주를 지 |