★ 링크 관련
<a href="linked.html" title="linked" target="_self"> ... </a>
(설명)
해당 폴더에 linked.html이 있으면 href="linked.html"
해당 폴더 안의 in 폴더 안에 linked.html이 있다면 <a href="in/linked.html">
해당 폴더 상위의 폴더 안에 linked.html이 있다면 <href="../linked.html">
target="_self" 현재 창에서 linked.html이 열림
target="_blank" 새 창,탭에서 linked.html이 열림
★ 링크 관련
<a href="images/img0001.jpg"> ... </a>
(설명)
클릭했을 때 이미지 파일이 열림
★ 링크 관련
<a name="s1">... </a>
...
...
...
<a href="#s1"> ... </a>
(설명)
페이지 내에서 s1이라고 이름지어진 부분으로의 링크(화면 스크롤)
★ 링크 관련
<head>
<style type="text/css">
body, a {
text-decoration: none;
font-family: "굴림";
}
div {
margin-bottom: 50px; /* 외부 마진 */
padding: 10px; /* 내부 마진 */
border: 1px solid #ccc;
}
a:link { /* 한번도 방문하지 않았을 때 */
color: orange;
}
a:visited { /* 방문을 이미 했을 때 */
color: violet;
}
a:hover { /* 마우스를 올렸을 때 */
color: red;
}
a:active { /* 클릭했을 때 */
color : #ccc;
}
</style>
</head>
<body>
<div id="div1"> ... </div>
<div id="div2"> ... </div>
<div id="div3"> ... </div>
</body>
(설명)
div 태그는 문단을 블럭으로 지정함
'IT | 디지털' 카테고리의 다른 글
| winmail.dat 파일 열기 (0) | 2015.04.17 |
|---|---|
| 안드로이드 동영상 플레이 안될때 MXPLAYER+외부코덱 (0) | 2015.04.03 |
| HTML) em 태그, strong 태그 (0) | 2014.11.01 |
| 보안경고) 안전하게 제공된 컨텐츠만 보시겠습니까 (0) | 2014.10.10 |
| 티스토리 블로그에 광고 배너 달기~~ (0) | 2014.09.23 |