[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 이미지 태그 이미지 경로 지정 이미지 없을 때 나오는 글자 지정 이미지 너비 지정 이미지 높이 지정

[HTML] table 테이블 태그

예시 1 Header 1 Header 2 Data 1 Data 1 Data 2 Data 2 예시 2 Caption Table Header Table Header Table Header Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data 예시 3 Table Data Table Data Table Data Table Data Table Data Table Data Table Data 테이블 태그 과거에는 테이블 태그를 사용해 레이아웃도 구성했지만 현대 웹 페이지는 대부분 DIV 태그를 사용해 레이아웃을 구성하므로 사용빈도가 굉..

[HTML] 정의 목록 태그 dl, dt, dd

HTML5 Multimedia Tag Connectivity Device Access Milk Animation 3D Transform 정의 목록 태그 특정 용어와 그 정의를 표현할 때 사용하는 태그 definition list 정의 목록 태그 definition term 정의 용어 태그 definition description 정의 설명 태그

[HTML] 목록 태그 ul, ol, li

예시 1 ol tag Facebook Tweeter Linked In ul tag Facebook Tweeter Linked In 예시 2 HTML5 Multimedia Tag Connectivity Device Access CSS3 Animation 3D Transform 목록 태그 일반적으로 페이지를 이동할 때 사용되는 메뉴를 네비게이션 메뉴라고 부른다. ordered list 순서가 있는 목록 태그 unordered list 순서가 없는 목록 태그 목록 요소

[HTML] ruby 루비문자

大韓民國 ( 대한민국 ) 루비 문자 일본어에서 자주 사용되는 글자 형식으로 한자 위에 표시되는 글자를 의미한다. 일본에서 자주 사용하지만 한국어도 한자어가 많으므로 사용할 수 있는 태그이다. 루비 문자 선언 태그 위에 위치하는 작은 문자 태그 ruby 태그를 지원할 경우 출력되지 않도록 하는 태그

[HTML] 글자 형태 태그

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet 글자 형태 태그 굵은 글자 태그 기울..