제목 몽상디자인의 HTML 배우기 - 이미지 링크 걸기
작성자 mongsangdesign
작성일자 2014-10-21
 
몽상디자인의 HTML 배우기 - 이미지 링크 걸기
 
 
 
-------------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>이미지 링크 걸기</title>
</head>
 
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
<a href="http://www.mongsangdesign.com" target="_blank"><img src="http:mongsangdesign.com/01.png" width="661" height="276" border="0"></a>
</p>
</body>
</html>
-------------------------------------
 
이미지에 링크를 거는 태그는 생각보다 간단하다. 위에 음영 부분이 이미지 태그다.
 
<a href="이동할주소" target="_blank"><img src="이미지 주소" width="넓이" height="높이"></a>
 
<a>로 시작하는 태그는 링크 관련 태그이고, <img>로 시작하는 태그는 이미지 관련 태그다. 이미지 태그는 끝부분 명령어를 안 써줘도 되지만, <a> 태그는 </a> 이렇게 슬러쉬를 앞에 붙여줘서 마감해야 한다.
 
 
 

 
 
HTML은?
 
HTML(Hypertext Markup Language) : 월드와이드 웹(www)을 통해 볼 수 있는 웹문서를 만들 때 사용하는 프로그래밍 언어이다. 글자크기, 글자색, 글자모양, 그래픽, 하이퍼링크 등을 정의하는 명령어로서 홈페이지를 작성할 때 쓴다.
HTML에서 사용하는 명령어는 태그(tag)라고 한다. 보통 꺽쇠 괄호"<>" 안에 있는 것들이다.
일반적으로 태그는 시작과 끝을 나타내는 2개의 쌍으로 이뤄져 있고, img나 br 태그 처럼 하나로만 명령을 할 수 있는 태그도 있다.
<b>~</b> <a>~ </a> <img src="~"> <br>
HTML로 작성된 문서는 웹 브라우저가 해석하여 클라이언트에게 보여주게 된다.
 
 
 
 
다운로드수 0