이미지 태그
<img>- 웹 문서에 이미지를 삽입할 때 사용
src 속성
- 이미지 파일 경로
- 웹 문서 파일(HTML) 위치를 기준으로 이미지 경로 지정(상대경로)
alt 속성
- 이미지를 설명하는 대체 텍스트
- 화면 낭독기에서 이미지 대신 대체 텍스트를 읽어 줌. (웹 접근성)
width, height 속성
- 이미지 크기 조정하기
- 이 속성을 사용하지 않으면 원래 이미지 크기대로 표시
<figure>, <figcaption>
<figure> 태그 : 설명글을 붙일 대상 지정
<figcaption> 태그 : 이미지를 설명하는 대체 텍스트링크 태그
<a> 태그href 속성
- 반드시 href 속성을 함께 사용해서 어떤 대상으로 연결하는지 알려주어야 한다 링크할 href 속성을 사용해 주소를 지정함.
target 속성
- 다른 사이트로 링크하거나 현재 페이지를 유지한 상태에서 링크 페이지를 표시할 때
- 현재 페이지는 그대로 유지하면서 새 창이나 새 탭에 표시.
<area> 태그usemap 속성 - 이미지맵
- 이미지맵: 한 이미지 상에 여러 다른 링크를 만드는 것.
폼 태그
<form>- 사용자가 웹 사이트로 정보를 보낼 수 있는 요소들은 폼(form)을 통해서 한다.
- 폼과 관련된 대부분의 작업들은 정보를 저장, 검색, 수정하는 일들이다.
- 폼에 입력한 사용자 정보를 처리하는 것은 JSP나 Servlet 같은 서버 프로그래밍을 이용한다.
<label>- 폼 요소에 레이블(텍스트)을 붙이는 태그
- 라디오 버튼이나 체크 박스에서 텍스트 부분을 클릭해도 라디오 버튼과 체크 박스 버튼이 선택된다.
<fieldset>- 폼 요소를 그룹으로 묶는 태그
<legend>- 그룹으로 묶는 구역에 제목을 붙이는 태그
input 태그
- 사용자가 입력하는 부분은 거의 input 태그를 이용해 처리.
- 입력하는 내용의 종류는 input 태그의 type 속성을 통해 지정.
- type 속성 값에 따라 함께 사용할 수 있는 속성들도 달라진다.
안녕하세요