신한DS 금융SW 아카데미/웹 3

HTML div 태그, span 태그

📌div- 블록 태그- 기본적으로 한 줄 전체를 차지- 위아래로 자동 줄바꿈 발생- 레이아웃 구성에 주로 사용(ex. 헤더, 본문, 푸터)📌span- 인라인 태그- 텍스트 한 줄 안에서 사용- 줄바꿈 없이 글자 일부 또는 문장 일부에 스타일 지정할 때 사용 💡 같이 사용 상품명: 무선 이어폰div : 큰 영역을 나눔span : 글자 스타일만 강조 안녕하세요 반갑습니다. 안녕하세요 안녕하세요 안녕하세요 반가워요 홍길동 안녕하세요 안녕하세요

HTML form 태그, input 태그

📌 form 태그란?- 사용자에게 입력을 받기 위함- 클라이언트에서 서버로 데이터를 전송하기 위해 사용 💡 주요 속성method : 데이터를 전송하는 방법을 지정(get, post)action : 데이터를 전송할 URL ☑️ method 속성 비교get전송시 데이터가 주소창에 노출 됨전송 길이 제한 있음즐겨찾기 / 다른사람에게 공유 가능post전송시 데이터가 주소창에 노출 되지 않음전송 길이 제한 없음다른사람에게 공유 불가능보안에 적합파일 전송 시 필수(파일 첨부 시 enctype="multipart/form-data" 추가)구분GETPOST전송 방식주소(URL)에 데이터를 붙여서 전송HTTP 요청 본문(body)에 데이터를 담아 전송보안성낮음 (주소창에 보임)높음 (주소창에 안 보임)URL 예시..

HTML 태그(iframe, video, img, source)

📌 iframe외부 웹페이지(Daum)를 현재 페이지에 삽입YouTube 동영상 삽입(소스코드 복사)📌 video 태그 (video.js 사용) 로컬에 있는 비디오(mp4)를 Video.js 라이브러리로 재생 poster: 영상 시작 전 썸네일 이미지controls: 재생 컨트롤러 표시 src : 실제 동영상 파일 경로 type : 동영상 파일의 MIME 타입을 지정 / 브라우저가 어떤 형식 파일인지 파악할 수 있게 도와줌💡Video.js란?- class="video-js"와 --> To view this video please enable JavaScript, and consider upgrading to a web brows..