img 태그
-
유의할점: 이미지파일을 내 컴퓨터에서 저장할 때 반드시 내가 만든 웹문서와 같은 폴더에 있어야 한다.
-
이미지를 첨부하기 위한 태그:
<img src="첨부할 이미지 파일"> -
이미지의 크기를 지정하고 싶다면? img태그 안에 width와 height를 기재.
- width는 이미지의 가로길이, height는 이미지의 세로길이를 지정
-<imgsrc="cat.jpg"width=100height=500>
- 여기에서 500이라고 써준 것은 500픽셀(pixel)을 의미- 만약 img태그 안에 width, height를 쓰지않으면 원래 이미지 파일의 크기대로 출력된다.
-
width,height,title처럼 태그 안에 써서 특정한 기능을 하는 것을 태그의속성(attribute)이라고 한다.
-
각 태그마다 지정할 수 있는 속성이 지정되어 있음
하이퍼 링크
- <a태그>
- 형식:<a href="이동할웹문서의이름"target="_self">- 속성: href, target
- href속성: 웹문서의 이름뿐 아니라 홈페이지의 주소도 입력가능하다.
- target속성
- _self : 같은 창에서 문서가 이동
- _blank : 새로운 창에서 웹문서를 띄운다.
<a href="https://naver.com" target="_blank">네이버</a>
<html>
<head>
<meta charset="UTF-8">
<title>
이미지 첨부, 하이퍼링크 공부
</title>
</head>
<body>
<a href="b.html" target="_self">여기를 눌러보세요.</a>
</body>
</html>
천방지축😛 얼레벌레🙄 빙글빙글🙃 돌아가는 수지의 코드~🎵