html(38)
-
[HTML] 전역 속성(3) - title
▶ title 속성 요소의 정보(설명)를 지정. 지정된 설명/정보는 마우스 오버 시 tip으로 표시됨.
2020.08.30 -
[HTML] 전역 속성(2) - style
▶ style 속성 요소에 적용할 CSS를 선언. - CSS의 Inline 작성 방식에 해당. 띄어쓰기를 이용해 선택자라는 개념 없이 CSS를 적용할 수 있는 방식.
2020.08.30 -
[HTML] 전역 속성(1) - id, class
※ 전역 속성(Global Attributes)이란? 모든 HTML 요소에서 공통적으로 사용 가능한 속성을 의미. ▶ class 요소의 별칭을 지정. 공백으로 구분하여 여러 개 부여할 수 있음. CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근. 동일한 명칭이 여러 태그에 여러 번 들어가도 상관 없음. 중복 사용 가능. ▶ id 문서에서 고유한 식별자(idenifier, ID)를 정의. CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근. 고유한 이름을 짓는 ..
2020.08.30 -
[HTML] 양식(8) - progress
▶ 작업 완료의 진행률을 표시. - 로딩바(loading bar)와 유사. 속성 max: 작업의 총량. 완료되었을 때의 값을 의미. - 숫자 값 입력. value: 작업의 진행량. - 숫자 값 입력. - max 속성을 생략할 경우 value 속성의 값은 0~1 사이의 숫자여야 함. - value 속성에 대한 값은 Javascript를 통해 작업하는 편임. 값이 가변하기 때문. - max 속성을 생략 시 value 속성 값은 0~1 사이의 값이어야 함.
2020.08.30 -
[HTML] 양식(7) - select, datalist, optgroup, option
▶ , , , 옵션(, )의 선택 메뉴()나 자동완성()을 제공. - : 사용자에게 선택할 수 있는 옵션 제공. - : 제공된 옵션을 그룹화. - : 제공된 옵션은 셀렉트를 통해 사용자가 선택. - : 자동완성 기능으로써 제공. select { display: inline-block; } datalist { display: none; } optgroup, option { display: block; } ▶ 옵션을 선택하는 메뉴. 속성 autocomplete: 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 설정. - on, off 값. 기본 값: on disabled: 선택 메뉴 자체를 선택할 수 없도록 비활성화. - boolean값. form: 선택 메뉴가 속할 하나 이상의 의 id..
2020.08.30 -
[HTML] 양식(6) - fieldset, legend
▶ , 같은 목적의 양식을 그룹화()하여 제목()을 지정. - 그룹화는 , 제목은 를 통해 지정. fieldset, legend { display: block; } - 은 같은 목적의 양식을 그룹화함. 속성 disabled: 그룹 내 모든 양식 요소를 비활성화. - boolean 값. form: 그룹이 속할 하나 이상의 의 id 속성 값. - 외부에서 연결해 사용 가능. - 의 범위 밖에서 특수하게 작동해야 하는 경우 외부에 위치한 채 연결해서 사용 가능하도록. name: 그룹의 이름.
2020.08.30