Web/HTML9 HTML / audio, video audio 태그 : 음향파일을 제공받아 재생하는 태그 음향파일 : mp3 파일, ogg 파일 등 autoplay 속성 : 자동 재생 기능을 제공하는 속성 (속성값 생략 가능) controls 속성 : 재생 관련 제어판을 제공하기 위한 속성 (속성값 생략 가능) loop 속성 : 반복 재생을 제공하기 위한 속성 (속성값 생략 가능) preload 속성 : none, metadata, auto(기본값) 중 하나를 속성값으로 설정 source 태그 : 멀티미디어 파일을 제공하기 위한 태그 type 속성 : 파일의 형태(MimeType)를 속성값으로 설정 MimeType : 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘 (자세히 보기 참고) 타입 : text, image, audio, video,.. 2023. 6. 14. 이미지 링크 / map, area usemap 속성 : map 태그의 이름을 속성값으로 설정 map 태그 하나의 이미지에서 영역을 구분해 하이퍼링크 기능을 제공하기 위한 태그 하위태그 : area name 속성 : 태그의 이름을 속성값으로 설정 area 태그 이미지에서 영역을 설정하기 위한 태그 shape 속성 : 영역을 구분하기 위한 도형을 속성값으로 설정 - 속성값 : rect(기본값-사각형), circle(원), poly(타원) 등 coords 속성 : 영역을 구분하기 위한 도형의 좌표값을 속성값으로 설정 (좌표값은 그림판에서 쉽게 확인 가능하다.) 예시 2023. 6. 7. a 태그 / href, id, anchor, target a 태그 : 클릭 이벤트로 다른 웹문서(웹프로그램)을 요청하기 위한 태그 GET 방식의 요청이다. (a 태그는 무조건) 하이퍼링크(Hyper Link) 기능을 제공하는 태그 ---> 페이지 이동 * href 속성 : 클릭 이벤트가 발생될 경우 요청한 웹문서(웹프로그램)의 URL 주소를 속성값으로 설정 태그내용(텍스트 또는 이미지)을 클릭한 경우, 클라이언트 브라우저의 주소창의 URL 주소가 href 속성값으로 변경되어 요청하고 웹문서(웹프로그램)의 결과를 응답받아 출력한다. 구글 * id 속성 : 태그를 구분하기 위한 식별자를 속성값으로 설정. 식별자는 중복되면 안된다. 따라서, id는 중복이 안되어서 사용 가능하지만, 이름은 중복되니까 사용하면 안된다. 제품소개 * 앵커(Anchor) : 출력 페이지에.. 2023. 6. 7. 표 만들기 / table , tr, th, td, thead, tbody, tfoot table 태그 : 표(Table)를 출력하기 위한 태그 하위태그 : tr border 속성 : 0(외곽선 미출력 -기본) 또는 1(외곽선 출력)를 속성값으로 설정 상위태그에 적용된 디자인 속성은 하위태그로 상속되어 적용 summary 속성 : 표에 대한 설명을 속성값으로 설정 tr 태그 : 행(Row)를 출력하기 위한 태그 하위태그 : th 또는 td 모든 tr 태그의 셀의 갯수는 동일하도록 설정하는 것을 권장한다. th, td 태그 : 열(Column)을 출력하기 위한 태그 th 태그 또는 td 태그의 태그내용을 이용하여 값 출력 ---> 셀(Cell) th 태그는 태그내용을 가운데 정렬하여 굵게 출력 ---> 컬럼명 출력(열의 제목) td 태그는 내용이 들어가는 셀을 출력 셀의 폭은 태그내용에 의해.. 2023. 6. 6. 이전 1 2 3 다음