01. 핵심 요소 정리
-
div : 블록 요소. 특별한 의미가 없는 구분을 위한 요소.
-
h, p태그 모두 블록 요소
-
img : 인라인 요소! src, alt가 필수 속성. 필수속성을 작성하지 않으면 웹표준에 어긋나는 행동.
-
a 태그 : anchor(닻)을 의미. 하이퍼링크를 지정하는 요소. 인라인 요소 - 인라인은 줄바꿈이 띄어쓰기!!
target="_blank"를 명시하면 새 페이지를 열겟다는 의미. -
span : 인라인 요소. 특별한 의미가 없는 구분을 묶어 낼때 활용
-
<br/>: break. 줄바꿈 요소. -
input : 인라인 블록 요소. 글자이기는 한데 상자 요소의 특징을 갖고있는 요소. 왼쪽에서 오른쪽으로 수평으로 쌓이는 특징을 갖고 있지만 가로 세로를 지정할 수 있고 위아래 여백도 지정할 수 있음.
사용자가 데이터를 입력하는 요소./ type 속성 / value 속성으로 미리 입력된 값 지정 가능 / placeholder부분에 "이름을 입력하세요!"이런거 미리 보기 힌트를 명시 / diabled 속성은 인풋창을 비활성화시키는 상태. -
checkbox - input타입의 한 종류.checked로 미리 체크할 수 있음.
-
label : 인라인 글자요소. 인풋요소와 제목을 포함해서 묶을 수있다.
-
radio : 인풋타임. 목록중 하나만 선택할 수 있음. name으로 같은 그룹으로 묶을 수 있음.
-
table : 테이블 요소. 엄밀히 따지면 블록요소이긴한데 엄밀히 따지면 구분되는 거. 표를 만들 때 사용. / tr 로 행을 먼저 구분. 열은 td로 만듬.
-
list : 블록요소.
02. 핵심 요소 출력 연습
스타일 초기화해야지 크로스 브라우징에 용이함.
- 요소를 다른 요소로 감싸는 행위를 Wrapping이라고 부릅니다.
03. 주석
<!--애국가-->
이렇게 주석달면됨. 수정사항이나 설명 등을 작성. 단축키는 cmd / 키!! 각각 주석 처리 방법이 다르기 때문에 단축키 사용~
04. 전역 속성
전체영역에서 모두 사용할 수 있는 속성.
대표적으로 title이라는 속성. -마우스 올려놓으면 조그만 팁이 출력
-
title: 요소의 정보나 설명을 지정.
-
style : 요소에 적용할 스타일을 지정.
-
class : 요소를 지칭하는 중복 가능한 이름.
-
id : 요소를 지칭하는 고유한 이름. 자주X, 중요한 위치에 사용. 고유하게 사용하는게 표준. 에러가 나는건 아님.
-
data-이름="데이터" : 요소에 데이터를 특정 이름으로 저장. 이는 나중에 자바에서 데이터를 찾아내서 쓸 수 있다.
