[HTML] fieldset 태그 & legend 태그

입력 양식 이름 이메일 fieldset & legend 태그 입력 양식을 설명할때는 fieldset 태그와 legend 태그를 사용한다. legend 태그는 fieldset 태그 안에만 사용할 수 있다.(다른 곳에도 사용 가능하지만 아무런 효과가 없음)

[HTML] textarea 태그 & select 태그

textarea 태그 TextArea Text textarea 태그 태그 안에 미리 글자를 입력하고 싶다면 위처럼 태그 안에 글자를 입력해준다. 태그 너비 지정 태그 높이 지정 select 태그 - 예제 1 김밥 떡볶이 순대 오뎅 select 태그 - 예제 2 김밥 떡볶이 순대 오뎅 select 태그 - 예제 3 Multimedia Tag Connectivity Device Access Animation 3D Transform select 태그 선택 양식 생성 옵션 그룹화 옵션 생성 여러 개의 목록을 선택하고 싶을 때는 select 태그의 multiple 속성을 사용

[HTML] form 입력 양식 태그 & input 태그

예시 1 예시 2 예시 3 예시 4 이름 이름 예시 5 form 입력 양식 태그 사용자에게 입력받는 공간. 입력 양식 태그 입력 데이터의 전달 위치 지정 입력 데이터의 전달 방식 선택 input 태그 버튼 생성 체크박스 생성 파일 입력 양식 생성 노출되지 않도록 해줌 이미지 형태 생성 비밀번호 입력 양식 생성 라디오 버튼 생성 초기화 버튼 생성 제출 버튼 생성 글자 입력 양식 생성 label 태그 태그는 어떤 input 태그를 설명하고 있는지 표시해줘야 한다. HTML5에서 추가된 input 태그 색상 선택 양식 일 선택 양식 날짜 선택 양식 지역 날짜 선택 양식 이메일 입력 양식 월 선택 양식 숫자 생성 양식 범위 선택 양식 검색어 입력 양식 전화번호 입력 양식 시간 선택 양식 url 주소 입력 양식 ..

[HTML] video 비디오 태그

예제 1 예제 2 예제 3 ※ 참고 video.js 플러그인 웹 브라우저마다 표시되는 video 태그의 형태가 일관되지 않으므로 웹 페이지를 디자인 할 때 video.js 플러그인을 사용한다. 예제 4 video 비디오 태그 비디오 파일 경로 비디오 준비 중일 때의 이미지 파일 경로 지정 비디오 재생 전 모두 불러올지 지정 비디오 자동 재생 지정 비디오 반복재생 지정 비디오 재생 도구 출력 지정 비디오 너비 지정 비디오 높이 지정 (video 태그도 audio 태그처럼 웹 브라우저마다 지원하는 형식이 다르므로 source 태그를 사용한다.)

[HTML] audio 오디오 태그

예시 1 예시 2 ※ 참고 웹 브라우저마다 지원하는 음악파일의 형식이 다르기 때문에 이러한 문제를 해결하고자 source 태그를 사용한다. source 태그를 준 후 경로와 type을 지정하여 사용한다. audio 오디오 태그 음악 파일 경로 지정 음악 재생 전 모두 불러올지 지정 음악 자동 재생할지 지정 음악 반복재생 지정 음악 재생 도구 출력 지정

[HTML] img 이미지 태그

예시 1 예시 2 ※ 참고 placehold.it 웹 페이지 디자인 시 이미지가 완성되지 않아 대체하기 위한 이미지가 필요할 때 placehold.it 를 통해 원하는 사이지의 이미지를 제고 받을 수 있다. 비슷한 사이트로 http://dummyimage.com 도 있다. img 이미지 태그 이미지 경로 지정 이미지 없을 때 나오는 글자 지정 이미지 너비 지정 이미지 높이 지정