HTML - 이미지, 하이퍼링크, input

 

 

3.  이미지나 하이퍼링크를 표현하는 데 사용되는 태그

태그의 모습	태그의 유형	사용 목적
<img>	이미지 테그	1. 이미지를 넣을 때 사용되는 테그 2. 속성 값 중 하나인 src가 여기서 사용됨 3. 이미지 로드가 안될 때 표시되는 문자는 alt 4. 프로그램 내 파일을 가져오거나, 인터넷 링크를 통해 이미지 표시 가능
<a>	하이퍼링크	1. a는 Anchor의 약어 2. 속성값 href는 Hypertext Reference 의 약자, 이동할 페이지 링크 3. target : 링크 된 페이지를 열었을 때, 문서가 열릴 위치를 표시 ★ _blank :새로운 텝에서 내용을 염 ★ _self : 현재 탭에서 (기본 값)

 

4. 사용자가 실제 데이터를 입력하는 곳을 나타내는 태그 - Input

 

태그의 모습	태그의 유형	사용 목적
<input type = "button">	버튼 태그	특정 함수를 수행시키기 위한 버튼을 생성
<input type = "text">	택스트 박스 태그	실제 내용을 입력 받는 폼을 생성하는 태그 택스트 값을 입력 받는 역할을 담당함.
<input type ="password">	비밀번호 태그	1. 입력 값이 자동으로 안보이게 처리되는 TextBox 2. 중요 or 비밀 택스트 값을 전달하는 기능
<input type = "checkbox">	체크박스 태그	1. 여러 선택지를 선택하게 하는 체크 박스 생성 2. 주로 여러 개 Tag를 속성을 이용해 묶어서 사용함 속성 ※ Name : 체크 박스의 이름, 같은 분류의 체크 박스는 같은 이름 ※ Value : 체크 박스에서 서버로 전달될 값을 지정 ※ Checked : 화면 로딩 시에 선택된 상태로 로딩(유일하게 값이 없음)
<input type = "radio">	라디오버튼 태그	1. 여러 선택지 중 하나만 선택 가능한 라디오 버튼 생성 속성 ○ Name : 라디오 버튼의 이름, 같은 name을 가진 버튼 끼리 상태를 공유하는 것 -> 하나를 선택하면 다른 선택값은 취소 ○ Value : 라디오 버튼이 실제로 전달하는 값을 지정 ○ Checked : 화면 로딩 시에 선택된 상태로 로딩(유일하게 값이 없음) 하며, 제일 마지막의 값이 반영됨.
<input type = "date">	날짜 선택 태그	1. 특정 날짜를 선택하게 하는 테그 속성  ○ Name : 날짜 선택 폼의 이름
<input type = "datetime-local">	날짜시간 선택	1. 특정 날짜와 함께 시간까지 선택 가능한 태그 - 기존은 datetime을 사용하였으나, 시간은 시간대의 양향을 받기에 정확한 데이터 값 전다링 불가능하여, 지금은 사용 X