| 태그 | 내용 |
|---|---|
| html | 시작 |
| head | 머리말 |
| meta | 정보에 대한 정보를 알려줌. 빈태그, self close |
| title | 문서 제목 |
| body | 본문 |
| p | Paragraph의 P 단락, 문단, 절 |
| h1 ~ h6 | 제목, 글자 크기, 요즘은 중요도 우선 순. h1은 회사 로고에 많이 표시 |
| hr | 단락 구분, 문서의 구분선 |
| br | break, 줄바꿈 |
| div | division의 약자. HTML 문서 영역이나 섹션의 분할 정의 |
| span | inline요소, 줄바꿈이 안되고, 폭, 높이 적용도 안됨, 인라인요소들을 그룹화하는데 사용. 브라우저 레이아웃 변경은 되지 않는다. |
| table | 표, border, cellpadding, cellspacing, width, summary의 속성값이 있음 cellpadding - 셀 안쪽 여백, cellspacing - 셀과 셀 사이 간격 |
| caption | summary 역할. css에서 안보이게 함. 스크린 리더기에 활용 |
| colgroup | 열 그룹. 구조적인 그룹화를 위해 사용됨 |
| col | 빈태그 이지만 유일하게 self close가 없다. 열의 속성값과 스타일을 지정 |
| thead | 테이블 헤더 행 그룹 (제목) |
| tbody | 테이블 내용 행 그룹 |
| th | 테이블 내의 한 행을 정의하는 태그. table row |
| tr | 열 |
| td | 각 행에 포함된 셀을 만들 때 사용되는 태그. td의 개수는 th의 개수와 일치해야한다. |
| colspan | inline요소 -가로 행을 합쳐준다. * 합쳐준 개수만큼 td 항목을 없애야 한다. |
| rowspan | inline요소 -세로 열을 합쳐준다. * 합쳐준 개수만큼 td 항목을 없애저야 한다. |
| ol | ordered list. 순서가 있다. 앞에 넘버링이 붙는다. |
| ul | unordered list. 순서가 없다. 앞에 기호가 붙는다. |
| li | list. ol과 ul의 세부 항목. ol과 ul의 자식으로 li만 올 수 있다. |
| dl | definition list(정의 목록) |
| dt | 항목 definition term |
| dd | 설명 definition description |
| a | anchor. 링크 연결. inline요소 |
| a 태그 속성 | |
| name | a태그의 이름 지정(북마크 역할) |
| title | a태그의 링크에 대한 설명 |
| target | 보여질 위치 |
| target의 속성 | |
| _blank | 새창 |
| _self | 이동 |
| _parent | 먼저 띄워진 창 |
| _top | 현재 띄워진 가장 최상단에 위치한 창 |
| img | 이미지 가져오기, inline요소 |
| img의 속성 | |
| src | 경로 지정, 필수 입력 |
| alt | 이미지를 위한 대체텍스트를 정의 |
| form | 서식, 입력을 받음, 게시판, 설문조사, 회원등록 등 |
| form의 속성 | |
| name | 전송될 데이터의 이름, value는 text, 해당 입력양식이 어느 폼에서 만들어졌는지 식별 |
| action | 입력된 데이터가 전송될 페이지를 지정. value는 url 개발자가 주로 정함. |
| method | 입력 데이터가 처리될 방식. |
| label | 리더기가 읽어주는 부분(웹접근성)에서 중요한 요소, 다양한 폼 서식의 설명. for 속성 - 라벨에 표시되는 양식폼 요소의 이름을 지정. |
| input | 입력 상자 |
| input의 속성 | |
| name | 필수 입력. 이름 지정 |
| value | 입력 구성 요소의 값을 지정 |
| checked | 'checked', radio, checkbox 경우 체크된 상태로 표시하게 함. * checked 사용시 name 값이 동일해야 함 |
| maxlength | 타입 속성이 text, password일 경우 입력 가능한 최대 문자수를 지정 |
| readonly | 타입 속성이 text,, passowrd일 경우 요소의 값을 수정할 수 없는 읽기 전용으로 지정, 데이터 전송이 가능 |
| disabled | 페이지가 로드될 때 폼 구성 요소를 선택할 수 없게 한다. 수정 불가능, 데이터 전송 불가능 |
| type | 입력 구성 요소의 종류를 지정 text - 텍스트 password - 비밀번호 email - 이메일 radio - 하나만 선택 checkbox - 다중 선택 file - 파일 첨부 submit - 폼의 액션 페이지로 전송 reset - 초기화 button - 이벤트 발생, 자바스크립트가 붙는다 hidden - 숨김 |
| button | 버튼 생성, submit, reset, button. 유일하게 css값을 가지고 있는 태그, css초기화 필요, 잘 사용안함 |
