웹프로그래밍 HTML 23

TEST

1.다음의 요구사항을 만족하는 태그를 알맞게 제시하시오. - 요구사항 5가지는 첨부된 압축파일의 img폴더에 exam1.png로 제시되어있습니다. 요구사항 1 : 23 요구사항 2 : 안녕하세요 요구사항 3 : 줄바꿈 요구사항 4 : C8H10 요구사항 5 : nothing2.다음의 html 코드에서 a태그를 클릭하면 해당 지점으로 스크롤 이동하도록 제작하시오. 포인트 4으로 이동하기 포인트 1 포인트 2 포인트 3 포인트 4 탑으로 이동 포인트 4으로 이동하기포인트 1포인트 2포인트 3포인..

공간 분할 태그

▣ 태그· 웹 브라우저 전체 공간에 대해 분할· 블록(block) 형식으로 분할 ▣ 태그· 웹 브라우저의 일부 영역만 분할· 인라인(inline) 형식으로 분할 div 공간 분할 첫 번째 영역입니다. 두 번째 영역입니다. 세 번째 영역입니다. span 공간 분할 첫 번째 영역입니다. 두 번째 영역입니다. 세 번째 영역입니다. div/span 공간 분할 조합 머리말 영역 본문 영역 왼쪽 테스트영역 가운데 테스트영역 오른쪽 테스트영역 꼬리말영역 ▣ 태그· 하나의 웹 문서 안에 또 다른 웹 문서를 표시할 때 사용 iframe 공간 분할 예제 인사말 | 강좌 소개 | 저자 소개 | 저자 홈페이지 | ..

입력 양식 태그

▣ 제출 양식· 입력 데이터를 처리하기 위한 버튼 정의· 폼 태그의 action 속성에 지정된 파일로 값 전송  입력 양식 데이터 전송 버튼      이름 :     학과 :         ▣ 초기화 양식· 폼에 입력한 데이터 모두 초기화  입력 데이터 초기화 버튼        이름 :     학과 :           ▣ 텍스트 입력 양식· 기본적인 텍스트를 입력할 때 사용  문자 입력 양식            이름 :                   학번 :     학과 :            ▣ 비밀번호 입력 양식· 사용자가 입력한 문자를 보이지 않게 '● ● ● ' 으로 처리      회원 인증 입력 양식      ID :     PW :           ▣ 텍스트 공간 입력 양식· 텍스트를 여..

HTML5와 입력 양식 요소

▣ 웹 양식· 웹 문서에 어떤 데이터를 입력하고 그 결과값을 가져오기 위해 사용  ▣ 폼태그 · 웹 양식을 만드는 데 사용하는 태그 · action : 사용자가 입력한 데이터를 받아 처리하기 위한 웹 프로그램의 페이지 지정 (ASP, PHP, JSP 등) · method : 웹 서버와 클라이언트 간의 통신 방법 지정 (GET 방식, POST 방식) · type : 폼의 모양과 기능 결정 · name : 폼의 이름 결정  ▣ GET 방식· URL 뒤에 파라미터를 붙여서 데이터를 전달하는 방식· 사용자가 보내는 데이터는 이름과 값이 결합된 문자열 형태로 전달, 각 이름과 값의 쌍은 '&'기호로 구분· 서버로 보낼 수 있는 최대 글자수는 2,048자· URL을 보면 어떤 데이터를 전송하고자 하는지 알 수 있기..

<video> 태그

▣ 태그 사용· 비디오 파일을 웹 문서에 삽입할 때 사용·  태그로 여러 가지의 비디오 파일을 동시에 제공 ▣ 태그 속성· src : 재생할 비디오 파일이 저장된 경로 표시· controls : 재생 제어기 표시· width, height : 비디오의 가로/세로 크기 설정· loop : 반복 재생· autoplay : 웹 문서가 열림과 동시에 자동 재생· muted : 음소거 상태로 시작· preload : 비디오 파일을 사용 여부와 상관없이 미리 다운로드함·  poster : 비디오 파일이 재생되기 전이나 다운로드 되지 않고 있는 경우 표시 될 이미지의  URL을 표시 비디오 자동 재생 비디오 수동 재생 비디오 다중 재생-비디오 파일이 현재 폴더에 있는 경우 ..

<audio> 태그

▣  태그· 웹 페이지에 오디오 파일을 삽입하는 태그     태그 속성· src : 재생할 오디오 파일이 저장된 경로 표시· loop : 반복 재생· muted : 음소거 상태로 시작 · controls : 재생 제어기 표시· autoplay : 웹 문서가 열림과 동시에 자동으로 재생· preload : 오디오 파일 사용 여부와 상관없이 미리 다운로드함 ▣ 태그· 여러 형식의 오디오 파일을 동시에 제공할 때 사용· 재생에 적합한 파일이 없다면 마지막 문장 출력 오디오 자동 재생 오디오 수동 재생 오디오 다중 재생 오디오 파일을 재생할 수 없습니다.

<img>태그

▣ 태그· 웹 문서에 이미지  삽입 시 사용   ▣ 태그 속성 · src : 이미지 파일이 저장도니 경로 지정 ·alt : 이미지를 웹 브라우저에서 표시하지 못했을 경우 표시되는 대체 텍스트 지정 · width/height :  이미지의 가로, 세로 길이를 픽셀 단위로 지정(% 단위를 사용하면 웹 브라우저의 크기에 따라 이미지 크기가 조절되도록 지정할 수 있음) · style : 이미지의 스타일(크기, 위치 등)을 픽셀 단위로 지정 · border : 이미지 경계선의 두께를 픽셀 단위로 지정   ♧ 이미지 삽입하기 이미지 기본 표현 이미지에 설명 추가 & 오른쪽 정렬 이미지의 크기를 픽셀 단위로 조정 이미지의 크기를 % 단위로 조정 ♧ 이미지에 링크 걸기 이미지를 클릭..

<table> 태그

▣ 태그·  태그 : 행 생성, 태그 : 열 생성· 태그 : 표의 머리를 정의, 셀 제목 글자를 강조하는 역할 이름 점수 별 90 초롱 90 별초롱언니 100 ▣ 표 제목 삽입  · 태그 사용 ▣ 셀 병합  · rowspan : 셀을 세로로 병합, 속성값으로 병합하고 싶은 행의 수만큼 지정 · colspan : 셀을 가로로 병합, 속성값으로 병합하고 싶은 열의 수만큼 지정 ♧ 셀 병합하기1 ..