'이미지' 태그의 글 목록

이미지

HTML 2 - 하이퍼링크 2021.10.08

PREV 이전 1 NEXT 다음

HTML 2 - 하이퍼링크

2021. 10. 8. 11:47

하이퍼링크

<a href="파일 or 주소"> 텍스트 or <img src="이미지 파일"></a>

링크 색상

<body link="색상" vlink="색상" alink="색상">

- link : 기본 색상

- vlink : 방문 기록이 있는 사이트

- alink : 마우스 클릭했을 때 색상

html 하이퍼링크 예제

1번

<html>
 <head><title> ex01 </title></head>
  <body>
   <a href="hlink1.html">링크 페이지이동</a><br>
   <a href="../hlink2.html">상위 디렉토리 페이지이동</a><br>
   <a href="./link/hlink3.html">하위 디렉토리 페이지이동</a><br>
   <a href="http://www.itclass.co.kr">사이트 이동</a><br>
  </body>
</html>

먼저 ex01 디렉토리 안에 link 디렉토리를 만들고 ex01 디렉토리 상위에 hlink2.html 파일을 넣는다.

실행결과는 다음과 같다.

2번

<html>
 <head><title> ex02 </title></head>
  <body>
   <a href="http://www.itclass.co.kr"><img src="image1.jpg"></a><br>
  </body>
</html>

먼저 이미지 파일을 실행할 html 파일과 같은 디렉토리 상에 넣어둔다.

이미지를 클릭하면 지정된 사이트로 이동한다.

3번

<html>
 <head><title> ex03 </title></head>
  <body link="red" vlink="BlueViolet" alink="yellow"> 
   <a href="http://192.168.10.11">dal server</a><br>
  </body>
</html>