Front/HTML
HTML Step2
NOOWGNAJ
2022. 7. 7. 17:00
반응형
<html>
<head>
<meta charset="UTF-8">
<title>HTML 1일차 2</title>
</head>
<body>
<img src="https://t1.daumcdn.net/cfile/tistory/24283C3858F778CA2E" width="480" height="480">
<!-- img : 이미지를 가져올때 사용함
src (경로 URL)
width (가로크기)
height (세로크기)
-->
<br>
<img src="./lion2.jpg" width="200" height="200"> <!-- 컴퓨터에 저장되어있는것을 불러옴 -->
<!--
절대경로 : http, https로 시작하여 적용하는 URL 주소
상대경로 : ./ ../를 이용하여 디렉토리별로 경로주소를 설정함
-->
<br>
<a href ="http://www.naver.com"><b>네이버</b></a>
<!--
href(속성) : 경로
-->
<br>
<a href="./index1.html">[HTML 1일차 1]이동</a>
<br><br>
<a href="https://www.nate.com"><font color="red">네이트닷컴</font></a>
<!--
a tag 사용시 a tag 안에 하위 tag를 적용해야 한다.
-->
<br> <!-- target(속성) : -->
<a href="http://google.com" target="_self">구글</a><br> <!-- _slef : 현재 탭에서 실행 -->
<a href="http://daum.net" target="_blank">다음</a><br> <!-- _blank : 새로운 탭에서 실행 -->
<a href="http://nate.com" target="_top">네이트</a><br> <!-- _top : 모바일 해당 탭에서 최상위에서 실행 -->
<a href="http://nate.com" target="_new">네이트</a><br> <!-- _new : 모바일 새로운 탭에서 실행 -->
<br>
<a href="./index1.html">[HTML 1일차 1]이동</a>
</body>
</html>
네이버
[HTML 1일차 1]이동
네이트닷컴
구글
다음
네이트
네이트
[HTML 1일차 1]이동
반응형