[HTML5] 11. 시멘틱 요소
11. 시멘틱 요소1. 시멘틱 요소란? HTML 요소에 대하여 정리하기에 앞서 웹페이지의 일반적인 구조를 살펴 보면 오른쪽 그림과 같다. 이전에 요소나 요소를 사용하던 것을 HTML5에서는 시멘틱(semantic, 의미있는, 의미의) 요소들을 추가하여 요소의 이름만으로도 문서의 영역과 내용을 쉽게 판단할 수 있도록 하였다.(header, hgroup, nav, section, article, aside, footer) 시멘틱 인라인 요소는 텍스트의 일부에 대하여 마크업하는 텍스트 요소이다.(mark, time, meter, progress, ruby, wbr) 시멘틱 블록 요소는 문서 body 영역의 블록에 사용하는 요소이다.(details) 사용자로부터 필요한 자료를 입력받아 서버로 전달하는 입력 ..
2024. 1. 2.
[HTML5] 10. 멀티미디어
10. 멀티미디어 1. 오디오 - : 오디오 재생 - 속성들 . autoplay: 웹문서 로딩 시, 자동 재생 여부 . controls: 오디오 제어기의 표시 여부 . loop: 오디오 반복 재생여부 . muted: 오디오 음소거 여부 . preload="속성값": 웹문서 로딩 시, 오디오의 로딩 상태(none[로드하지 않음], auto[기본값], metadata[오디오의 메타정보만 로드]) . src="URL": 재생할 파일 지정 * autoplay, controls, loop, muted 속성은 일반적으로, 별도의 속성값 없이 사용 * autoplay 속성이 지정되면, preload 속성은 무시됨 - 오디오 형식: MP3, Wav, Ogg 형식이 주로 사용 https:..
2024. 1. 1.
[HTML5] 09. 테이블
09. 테이블테이블은 행(row)와 열(column)로 구성되어 있으며, 표의 형태로 데이터를 표시할 때 사용한다.1. 테이블의 기본 형식- : 테이블- : 행, table row의 약자- : 열, table data의 약자, 각 셀(cell)의 데이터2. 테이블 그룹핑- : 머리말, table header의 약자- : 본문- : 꼬리말, table footer의 약자3. 기타- : 테이블 제목, table heading의 약자- : 캡션, 테이블에 대한 설명4. 열 단위 스타일 지정- : 열그룹, column group의 약자 * 이 태그는 과 다음, 태그 보다는 먼저 사용되어야 한다. - : 열그룹의 하위요소, column의 약자 5. 행과 열의 병합 행과 열의 병합을 위해서는 ro..
2023. 12. 31.
