JAVA/HTML
[HTML] 문법 정리 2 img, href, target, self, black, top, new
java나유
2022. 7. 9. 18:15
- img 태그
- src(경로 URL)
- width(가로)
- heigth(세로)
- a태그: 페이지이동
- href(속성) : 경로
- target(속성):웹페이지 이동을 어떤 형식으로 할 것인지 정함
- _self:현재 오픈된 페이지에서 이동
- _black:새로운 탭에서 페이지 이동
- _top:모바일에서 최상위 탭으로 이동
- _new:모바일에서 신규탭으로 이동
<html>
<head>
<meta charset="utf-8">
<title>HTML1.0 1일차 기본태그 배우기</title>
</head>
<body>
<!-- img태그: 이미지 가져올 때 사용
[속성]
src(경로 URL)
width(가로)
heigth(세로)
-->
<img src="http://image.dongascience.com/Photo/2020/03/5bddba7b6574b95d37b6079c199d7101.jpg">
<br>
<img src="cat.jpg" width="100" height="100"><br><br>
<!--
절대경로: http, https로 시작하는 URL주소
상대경로: ./ ../를 이용해서 디렉토리별로 경로주소 설정
-->
<a href="http://www.naver.com">네이버</a>
<!-- a태그: 페이지이동
href(속성) : 경로
-->
<br>
<a href="./index1.html">이전페이지</a>
<br><br>
<a href="http://nate.com"><font color="red">네이트닷컴</font></a>
<!-- 태그 사용시 a태그 안에 하위 태그적용해야함
target(속성):웹페이지 이동을 어떤 형식으로 할 것인지 정함
_self:현재 오픈된 페이지에서 이동
_black:새로운 탭에서 페이지 이동
_top:모바일에서 최상위 탭으로 이동
_new:모바일에서 신규탭으로 이동
-->
<br><br>
<a href="https://www.google.co.kr/" target="_self">구글</a><br>
<a href="https://www.daum.net/" target="_blank">다음</a><br>
<a href="https://www.nate.com/" target="_top">네이트</a><br>
<a href="https://www.nate.com/" target="_new">네이트2</a><br>
</body>
</html>
네이버
이전페이지
네이트닷컴
구글
다음
네이트
네이트2
728x90