1. 핵심 요소 정리
div 태그
특별한 의미가 없는 구분을 위한 요소(divistion)
레이아웃을 만들 때 많이 사용, 블록
h1 태그
제목을 의미하는 요소(Heading)
1번부터 6번까지 있음, 블록
p 태그
문장 및 문단 을 의미하는 요소(Paragraph), 블록
img 태그
이미지를 삽입하는 요소(image), 인라인
소스 속성에 삽입할 이미지의 경로, alt에 삽입할 이미지의 이름을 입력
=> 필수 속성
ul 태그
순서가 필요없는 목록의 집합을 의미(Unordered List), 블록
li 태그
목록 내 각 항목(List item)
a 태그
다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소(Anchor), 인라인
href에 어디로 연결될 지 주소 입력
target에 _blank라고 적으면 새 탭으로 열림
span 태그
특별한 의미가 없는 구분을 위한 요소, 인라인
br 태그
줄바꿈 요소(Break), 인라인
줄바꿈을 강제적으로 함
input 태그
사용자가 데이터를 입력하는 요소
인라인 요소이면서 블록 요소
type으로 입력받을 데이터 타입을 지정 가능
(text, checkbox(checked), radio
value로 미리 값을 입력 할 수 있음
placeholder로 사용자가 입력할 값의 힌트를 적을 수 있음
disabled로 입력 요소 비활성화
label 태그
라벨 가능 요소(input)의 제목, 인라인
table 태그
표 요소, 행(Row)과 열(Column)의 집합, 테이블
tr 태그
행(row)을 지정하는 요소(Table Row), 테이블
행이 열보다 먼저임
td 태그
열(Column)을 지정하는 요소(Table Data), 테이블
3. 주석
일종의 메모처리
개발자가 남겨놓은 메모이기 때문에 화면에 출력되지 않음
< !--주석-- >
수정사항이나 설명 등을 작성
브라우저는 이 태그를 해석하지 않기 때문에 내용이 표시되지 않음
단축키: 컨트롤 + /
4. 전역 속성
전체 영역에서 사용이 가능한 속성
title 속성
title="설명"
요소의 정보나 설명을 지정
마우스에 올려놓으면 일종의 툴팁처럼 나옴
style 속성
style="스타일"
요소에 적용할 스타일(CSS)을 지정
class 속성
class="이름"
요소를 지칭하는 중복 가능한 이름
id 속성
id="이름"
요소를 지칭하는 고유한 이름
data 속성
data-이름="데이터"
요소에 데이터를 지정
잠시 데이터를 저장하는 용도, 이는 주로 js 사용됨
