이번 게시물에서는 링크태그와 이미지태그를 사용법을 알아 보겠습니다.
게시할 사진을 html문서가 있는 폴더에 저장 합니다.
그리고 에디터를 키고 <img> 링크를 사용해야합니다. 하지만 <img>를 사용하려면
이미지 주소가 있어야합니다 . 우리는 img 태그의 속성 src를 사용할것입니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
<img src="HTMLI.png">
<h1> HTML 기초배우기 </h1>
</body>
</html>
이렇게 하고 결과를 출력하겠습니다.
이미지가 너무 크게 출력 한것을 확인 할수있습니다. 이 이미지크기를 수정을해야하는데
img 태그 속성을 중 크기를 설정해보겠습니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
<img src="HTMLI.png" width="400" height="150">
<h1> HTML 기초배우기 </h1>
</body>
</html>
이미지가 작은것을 확인 할 수 있습니다.
그리고 다음 태그는 다른문서로 갈수 있는 태그는 <a> 태그입니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
<img src="HTMLI.png" width="400" height="150">
<h1> HTML 기초배우기 </h1>
<a href="https://ko.wikipedia.org/wiki/HTML"> HTML바로가기</a>
</body>
</html>
HTML바로가기 텍스트에 링크를 걸어 둘수있습니다.