반응형 Frontend/HTML20 [HTML]15_label 태그 ⚫label 태그 : 입력태그에 포커스(Focus)를 제공하기 위한 태그 label 태그 label 태그 미사용 이름 : 취미 : 독서 게임 등산 낚시 label 태그 사용 이름 : 취미 : 독서 게임 등산 낚시 실행결과⬇️ 라벨태그를 사용하지 않으면 체크박스를 클릭해야만 체크 표시됨. 그러나 라벨태그 사용 시, 체크박스가 아닌 글씨를 눌러도 체크 표시 됨. 2023. 12. 26. [HTML]14_input 태그 14_input.html 파일 코드👩💻 input 태그 아이디 : 비밀번호 : 이름 : 성별 : 남자 여자 취미 : 독서 게임 등산 낚시 사진 : 이메일 : 나이 : 전화번호 : sns : 좋아하는 단어 : 좋아하는 색 : Java 실력 : 하상 생년월일 : 기상시간 : 알람 : 회원가입 다시입력 실행 결과⬇️ 2023. 12. 26. [HTML]13_form 태그 🤔form 태그 웹프로그램을 요청하여 사용자로부터 입력받은 값을 전달하기 위한 태그 => 하위태그로 반드시 사용자로부터 값을 입력받기 위한 입력태그와 웹프로그램을 요청하기 위한 Submit Event를 발생하는 태그를 반드시 작성 *제출 이벤트(Submit Event) : form 태그를 사용하여 웹프로그램을 요청하기 위한 이벤트 🔶action 속성 : form 태그를 사용하여 요청할 웹프로그램의 URL 주소를 속성값으로 설정 => action 속성을 생략한 경우 현재 실행중인 웹프로그램의 URL 주소를 속성값으로 사용 🔶 method 속성 : 웹프로그램을 요청하는 요청방식(GET 또는 POST)을 속성값으로 설정 => method 속성을 생략한 경우 GET 방식으로 웹프로그램 요청 => 웹프로그램을 요.. 2023. 12. 26. [HTML]11&12_audio/video 태그 ⚫audio 태그 : 서버에 저장된 소리 파일을 제공받아 재생하는 태그 🔘embed 태그 : 플래시 재생, object 태그 : 멀티미디어 파일 재생 => 웹에서 사용한 소리 파일 : mp3 파일, ogg 파일 등 audio 태그 실행결과⬇️ ⚫video 태그 : 서버에 저장된 동영상 파일을 제공받아 재생하는 태그 => 동영상 파일 : mp4 파일, ogg 파일(ogv 파일), webm 파일 등 video 태그 실행결과⬇️ 2023. 12. 26. [HTML]10_iframe 태그 ⚫iframe 태그 : 내장 브라우저를 생성하여 웹문서(웹프로그램)을 요청하여 HTML 문서를 응답받아 출력하기 위한 태그 iframe 태그 iframe 태그에서 요청한 웹문서 코드⬇️ 오른쪽 페이지 왼쪽 페이지 다음 실행결과👩💻 left.html 파일에 Daum 홈페이지로 이동하는 a태그를 작성하고, target을 right.html 파일로 설정해 오른쪽에 Daum 홈페이지가 나오도록 함⬇️ 2023. 12. 25. [HTML]09_map 태그 ⚫map 태그 : 하나의 이미지에서 영역을 구분해 하이퍼링크 기능을 제공하기 위한 태그 => 하위태그 : area 태그 🔘area 태그 : 이미지맵에서 링크가 연결될 영역을 정의할 때 사용 map 태그 실행결과⬇️ 위의 이미지는 하나의 이미지지만, map 태그를 통해 각기 다른 링크로 연결되게끔 설정함. 트위터 부분을 클릭하면 https://twitter.com/?lang=ko 이 링크로, 페이스북 부분을 클릭하면 https://www.facebook.com/?locale=ko_KR 이 링크로 이동. 2023. 12. 25. 이전 1 2 3 4 다음 반응형
