시멘틱 태그 : html5 추가 된 태그로 문서의 각 구조에 사용하는 태그 header main footer : 기본 구조 nav : 네비게이션 영역 section : 주제별 그룹 article : 본문에 긴 글 aside : 부가설명 영역 figure : 사진, 차트, 소스코드 등 삽화 영역 figcaption : figure로 블록화 한 그림 등의 제목 영역
form 태그 - action: 데이터를 전송 할 서버 측 파일 주소 - method: get / post : 그룹 : 그룹의 제목 개인정보 이 름 : value는 서버로 전달하는 값 input 태그 - type text password search url email tel checkbox radio number range date month week time datetime datetime-local submit reset image button file hidden 이 름 : 아이디 : 비밀번호 : **radio 버튼 하나만 선택할 수 있도록 만들려면 name 을 동일하게 해주면 된다. 성별 : 남 여 label 태그 : input 태그의 이름표 여기서 input의 id와 label의 for의 값이 ..
앵커 태그 : a 태그 영역의 내용을 클릭했을 때 원하는 위치로 이동 href 속성을 이용 a 태그 속성 target="_blank" : 해당 경로가 새 탭으로 열림 이미지 태그 : 이미지 파일을 불러올때 사용 경로 설정하기 내부 경로 "폴더명/파일명.확장자명" 상대 경로 "../폴더명/파일명.확장자명"
table 표 만들기 : 테이블 구조 전체를 묶어주는 태그 : 행을 묶어주는 태그 : 열을 묶어주는 태그 : 테이블 제목 : 인덱스 테이블 구조 구분하기 thead, tbody, tfoot colspan, rowspan : 열 합치기 (가로로 합쳐짐) : 행 합치기 (세로로 합쳐짐) 테이블 속성 넣기 : 테이블 테두리 생성
