JSP
221128 HTML 이미지
주영재
2022. 11. 28. 18:10
이미지
: 이미지 태그</img alt="" src="">
좌측이 변수, 우측이 값.
alt와 src등을 속성이라고 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- src에는 경로 들어갑니다 -->>
<img alt="제목" src="1.jpg">
<img alt="제목" src="2.jpg" width="200px" height="200px">
</body>
</html>
이미지는 픽셀이라는 단위를 사용함. 200p 처럼
<hr> 밑줄
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- src에는 경로 들어갑니다 -->>
<img alt="제목" src="1.jpg">
<img alt="제목" src="2.jpg" width="200px" height="200px">
<hr>
<!-- 다른페이지 링크 -->
<a href="https://www.naver.com">네이버이동</a>
<a href="hello.html">hello이동</a>
<!-- 태그의 중첩 -->
<a href="http://www.daum.net">
<img alt="제목" src="1.jpg">
</a>
</body>
</html>
다른페이지로 이동
<a href="경로"></a>
<a href="https://www.naver.com">네이버이동</a> --네이버로 이동
<a href="hello.html">hello이동</a> --만들어놓은 hello페이지로 이동
태그의 중첩
<a href="http://www.daum.net">
<img alt="제목" src="1.jpg">
</a>
이렇게 하면 html에 이미지가 생성되고, 이미지를 클릭하면 daum으로 이동함
