Head
- meta : 웹페이지에 추가 정보 전달
- title : 웹 페이지 제목
- script : 웹페이지에 스크립트 추가
- link : 웹페이지에 다른 파일 추가
- style : 웹페이지에 스타일시트 추가
- base : 웹페이지의 기본 경로 지정
Body
- h1~h6 : 제목
- p : 문단
- br : 줄바꿈 />
- hr : 수평 줄 />
- a : 앵커
- href="웹페이지 링크"
- 현재 페이지 내부에서도 id 선택자 사용해서 원하는 장소로 이동가능 href="#id"
글자 형태
- b : 굵게
- i : 이탤릭체
- small : 작게
- sub : 아래에 달라 붙는 문자
- sup : 위에 달라 붙는 문자
- ins : 밑줄
- del : 취소줄, 가운데 줄 그어짐
목록
- ul : 순서가 없는 기본목록
- ol : 순서가 있는 기본목록
- li : 기본목록 요소
- dl : 정의 목록
- dt : 정의 용어
- dd : 정의 설명
테이블
- table : 테이블
- border : 표 테두리 두께
- tr : 표 내부의 행
- th : 행 내부의 제목 셀
- td : 행 내부의 일반 셀
- rowspan : 셀의 높이 지정
- colspan : 셀의 너비 지정
이미지
- img : 이미지 />
- src : 이미지 경로 지정
- alt : 이미지 없을 때 나오는 대체제
- width : 너비
- height : 높이
오디오
- audio : 오디오
- src : 음악 파일 경로 지정
- type : 파일 타입 알려줌 type="audio/mp3" 권장
- preload : 음악을 재생하기 전에 모두 불러올지 지정
- autoplay : 음악을 자동 재생할지 지정
- loop :음악을 반복할지 지정
- controls : 음악 재생도구를 출력할지 지정
비디오
- video : 비디오
- src : 비디오 파일 경로 지정
- type : 파일 타입 알려줌 type="video/mp4" 권장
- poster : 비디오 준비 중일때 이미지 파일 경로 지정
- preload : 비디오를 재생하기 전에 모두 불러올지 지정
- autoplay : 비디오를 자동 재생할지 지정
- loop :비디오를 반복할지 지정
- controls : 비디오 재생도구를 출력할지 지정
- width : 너비
- height : 높이
입력 양식
- form
- action : 입력데이터의 전달 위치
- method : 입력데이터의 전달 방식 -> get/post
- label : input 태그를 설명함
- for="name" -> input id와 똑같이 써서 어떤 input태그를 설명하고 있는지 지정
- input
- id="name" -> label태그와 맞추기 위해 사용
- name :
- value : 입력 값
- type
- button : 버튼
- submit : 제출 버튼
- reset : 초기화 버튼
- checkbox : 체크박스
- radio : 라디오 버튼
- hidden : 안보임
- text : 글자 입력 양식
- password : 비밀번호 입력 양식
- email : 이메일 입력 양식
- number : 숫자 입력 양식
- tel : 전화번호 입력 양식
- url : url 주소 입력 양식
- image : 이미지 형태
- file : 파일 입력 양식
- range : 범위 선택 양식
- search : 검색어 입력 양식
- color : 색상 선택 양식
- date : 일
- datetime : 날짜
- datetime-local : 지역 날짜
- month : 월
- week : 주 선택 양식
- time : 시간
- textarea : 여러 줄의 글자
- cols : 너비
- rows : 높이
- select : 선택 양식
- multiple : 다중 선택
- optgroup : 옵션을 그룹화
- option : 옵션 생성
- fieldset
- legend : 입력 양식 설명
공간 분할
- div : 블록 형식으로 공간을 분할
- span : 인라인 형식으로 공간을 분할
시멘틱 구조 태그
- header : 헤더
- nav : 내비게이션
- aside : 사이드에 위치하는 공간
- section : 여러 중심 내용을 감싸는 공간
- article : 글자가 많이 들어가는 부분을 의미
- footer : 푸터
