-
텍스트 관련태그
- <hn> : 제목. <h1>~<h6>까지 사용할 수 있으며 숫자가 커질수록 글자 크기는 작아진다.
- <p> : 텍스트 단락, 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄 바꾼다.
- <br> : 줄 바꿈, 텍스트 단락 중 원하는 위치에 줄 바꾼다.
- <blockquote> : 내용인용, 다른 내용보다 들여쓰고 단락으로 표시한다.
- <strong> : 중요한 텍스트를 굵게 표시, 화면 낭독기에서 강조
- <b> : 텍스트 굵게 표시
- <em> : 중요한 텍스트를 기울게 표시, 화면 낭독기에서 강조
- <i> : 기울게 표시
- <ins> : 내용을 편집할때 추가한 내용을 표시
- <del> : 내용을 편집할때 삭제한 내용을 표시
- <sup> : 위첨자
- <sub> : 아래 첨자
- <hr> : 구분선
목록 관련 태그
- <ol> : 순서있는 목록의 시작과 끝을 나타냄
- <ul> : 순서없는 목록의 시작과 끝을 나타냄
- <li> : 순서있는 목록이나 순서없는 목록의 각 항목을 나타냄
- <dl> : 설명 목록의 시작과 끝을 나타냄
- <dt> : 설명 목록의 제목을 나타냄
- <dd> : 설명 목록의 설명을 나타냄
표 관련 태그
- <table> : 표의 시작과 끝을 나타냄
- <caption> :표의 제목을 넣는다
- <tr> : 표의 행을 만든다
- <td> : 표의 셀을 만든다
- <th> : 굵게 표시하는 제목 셀을 만든다
- <thead> : 표 구조에서 제목 부분을 나타낸다
- <tbody> : 표 구조에서 본문 부분을 나타낸다
- <tfoot> : 표 구조에서 요약이나 정리부분을 나타낸다
- <col> : 표에서 열의 스타일을 지정
- <colgroup> : 표에서 여러 열을 함께 묶어서 스타일을 지정한다
멀티미디어 관련 태그
- <object> : 멀티미디어,pdf파일 등 다양한 형식으리 파일을 삽입
- <embed> : audio, video, object태그가 지원하지않는 멀티미디어 파일 삽입가능
- <img> : 이미지파일 삽입
- <audio> : 오디오 파일 삽입
- <video> : 비디오 파일 삽입
폼에서 사용하는 태그
- <form> : 폼의 시작과 끝을 만든다.
- <fieldset> : 폼 요소를 그룹으로 묶는다.
- <legend> : 필드셋에 제목을 붙힌다.
- <input> : 사용자가 내요을 입력할 필드를 삽입한다.
- <select>, <option> : 드롭 다운 목록을 삽입
- <textarea> : 텍스트를 여러 줄 입력할 수 있는 텍스트 영역을 삽입
- <datalist> : 데이터 목록을 삽입
<input> 태그의 유형(type)
- text : 한 줄짜리 텍스트를 입력할 수있는 텍스트 상자를 넣음
- password : 비밀번호를 입력할 수 있는 필드를 넣음
- search : 검색할 때 입력하는 필드를 넣음
- url : url 주소를 입력할 수 있는 필드를 넣음
- email : 이메일 주소를 입력할 수 있는 필드를 넣음
- tel : 전화번호를 입력할 수 있는 필드를 넣음
- checkbox : 주어진 여러 항목에서 2개 이상 선택할수있는 체크박스를 넣음
- radio : 주어진 여러항목에서 1개만 선택할수있는 라디오 버튼을 넣음
- number : 숫자를 조절할수있는 스핀 박스를 넣음
- range : 숫자를 조절할수있는 슬라이드 막대를 넣음
- date : 사용자 지역을 기준으로 날짜(연,월,일)을 넣음
- month : 사용자 지역을 기준으로 날짜(연,월)을 넣음
- week : 사용자 지역을 기준으로 날자(연,주)를 넣음
- time : 사용자 지역을 기준으로 시간(시,분,초,분할 초)를 넣음
- datetime : 국제 표준시로 설정된 날짜와 시간(연,월,일,시,분,초,분할,초)를 넣음
- datetime-local : 사용자가 있는 지역을 기준으로 날짜와 시간을 넣음
- submit : 전송버튼
- reset : 리셋버튼
- image: submit버튼 대신 사용할 이미지를 넣음
- button : 일반버튼
- file : 파일 첨부 버튼
- hidden : 사용자에겐 보이지 않지만 서버로 넘겨주는 값이 있는 필드를 만듦
<input> 태그의 속성
- autofocus : 웹 문서가 열리면 입력필드안에 마우스 포인터를 표시
- placeholder : 텍스트 필드에 힌트를 표시
- readonly : 입력필드를 읽기 전용으로 지정
- required : 필수 입력필드로 지정
- max : 숫자 입력필드에서 최대값지정
- min : 숫자 입력필드에서 최소값지정
- step : 숫자 입력필드에서 증감할 간격 지정
- maxlength : 텍스트 관련 필드에서 입력할수있는 최대길이
- minlength : 텍스트 관련 필드에서 입력할수있는 최소길이
- size : 텍스트 관련 필드에서 화면에 표시할 크기 지정
- list : 연결할 데이터 목록을 지정함