본문 바로가기
728x90

전체 글111

8. image, audio, video 활용 1. image 태그는 웹 문서에 이미지를 삽입할 때 사용한다. 기본 문법src: 이미지 파일의 경로 지정alt:  이미지가 표시되지 않을 때 대신 표시될 텍스트  이미지 경로절대 경로(absolute path): 이미지가 위치한 웹 서버의 전체 URL을 포함상대 경로(relative path): 현재 HTML 파일의 위치를 기준으로 이미지 경로 지정//절대 경로 //상대 경로  2. audio 기본 문법  태그 속성controls: 오디오 재생 컨트롤 바 표시 (오디오 재생, 일시 정지, 음량 조절 등)autoplay: 오디오 자동 재생loop: 오디오 반복 재생preload: 페이지를 로드할 때 오디오 파일을 먼저 미리 로드할지 여부 지정 (none, metadata, auto)muted: .. 2024. 7. 3.
7. input 태그 input은 내용이 없는 빈 요소이며, type 속성을 통해 여러 종류의 입력 양식으로 나타낼 수 있다. input 태그 형식type: 입력 태그의 유형을 설정하는 속성value: 유저가 입력 필드에 입력한 정보name: 서버로 전달되는 이름을 설정하는 속성id: 다른 요소와 식별 가능하게 하는 고유한 이름주요 속성autofocus: 페이지를 불러오자마자 폼에서 원하는 요소에 자동으로 마우스 포인터를 표시placeholder: 사용자가 텍스트를 입력할 때 입력란에 적당한 힌트 내용을 표시title: 마우스 커서를 갖다 대면 해당 요소가 의미하는 바를 알려주는 역할을 하는 속성autocomplete: 예전에 입력한 내용을 자동으로 표시해 주는 자동 완성 기능readonly: 읽기 전용 필드. 입력x 수정x.. 2024. 7. 3.
6. 표 태그 표를 정의하는 가장 바깥쪽 태그표의 제목 설정표의 위쪽 중앙에 제목 표시행, 셀 : 표의 행(row): 표의 데이터 셀(data cell)을 정의. 태그 안에 위치: 제목 행의 셀. 안에 위치하며, 주로 표의 첫 번째 행에 사용열: 테이블의 열 1개 정의: 열들을 그룹화하여 스타일 적용, 태그는 반드시 태그 다음에 사용 머리글과 본문: 표의 머리글: 표의 본문: 표의 바닥글. 일반적으로 표의 요약 정보나 총계를 포함하는 행셀 병합: 셀을 가로로 병합: 셀을 세로로 병합셀의 내용셀의 내용 제목 1 제목 2 내용 1 내용 2 .. 2024. 7. 3.
5. 목록 태그 (ol, ul, dl) 1. 순서 있는 목록(ordered list)안에 태그들이 포함되며, 각 태그는 목록의 각 항목을 나타낸다.start: 시작 번호 지정  ex) 번호 유형(type 속성에 사용): 'a'(소문자 알파벳), 'i'(소문자 로마 숫자), 'I'(대문자 로마 숫자) 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3  - 실행 결과 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3">순서 있는 목록1순서 있는 목록2순서 있는 목록3 2. 순서 없는 목록(unordered list)기호(type 속성에 사용): 원형(bullet-기본값), 사각형(square) 순서 없는 목록1 순서 없는 목록2 순서 없는 목록3 .. 2024. 7. 3.
728x90

티스토리툴바