18. body속성

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 23. 10:14 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>BODY 태그의 주요 속성</title>
</head>
<body
    bgcolor="yellow"
    background="images/1.jpg"
    text="green"
    link="pink"
    alink="white"
    vlink="red"
    >
<div>
안녕하세요.<br />
<a href="http://www.bing.com">빙</a>

</div>
</body>
</html> 

//
- link : 방문한 적이 없는 하이퍼링크의 색깔
- alink : 마우스를 클릭할 때의 하이퍼링크의 색깔
- vlink : 이미 방문한 적이 있는 하이퍼링크의 색깔

< 실행결과 >



'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

20. 템플릿(가느다란 실선으로 테이블 테두리 표시)  (0) 2009.07.23
19. 테이블  (0) 2009.07.23
17. 이미지맵  (0) 2009.07.23
16. 이미지링크  (0) 2009.07.22
15. 하이퍼링크  (0) 2009.07.22
Posted by holland14
:

17. 이미지맵

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 23. 10:03 |

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

<img src="images/3.jpg" alt="구글" usemap="#go" />
<map id="go" name="go">
   <area
       shape="rect"
       coords="0,0,50,50"
       alt="네이버로 이동"
       href="http://www.naver.com/"
       target="_blank" />
   <area
       shape="circle"
       coords="100,50,50"
       alt="다음"
       href="http://www.daum.net/"
       target="_self" />
   <area   
       shape="poly"
       coords="200,50,250,0,250,100,200,50"
       alt="야후"
       href="http://kr.yahoo.com/"
       target="_blank "/>
</map>

</body>
</html>


//
<img src="URL" alt="이미지 설명" usemap="#맵 이름">
<map name=“맵 이름”>
<area shape="모양" coords="좌표" href="URL" alt="대체용 텍스트">
- Shape속성
rect(사각형) : 왼쪽위 X/Y좌표, 오른쪽아래 X/Y좌표 기록(3, 3, 10, 10)
circle(원) : X좌표, Y좌표, 반지름(100, 100, 100)
poly(다각형) : X/Y좌표, …
default (전체)


< 실행결과 >






'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

19. 테이블  (0) 2009.07.23
18. body속성  (0) 2009.07.23
16. 이미지링크  (0) 2009.07.22
15. 하이퍼링크  (0) 2009.07.22
14. URL(URI)구조  (0) 2009.07.22
Posted by holland14
:

16. 이미지링크

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 22. 20:26 |

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>이미지링크</title>
</head>
<body>

<img src="" alt="빈 이미지" /> <br />

<img src="images/1.jpg" alt="태연" /> <br />

<img src="./images/2.jpg"
    alt="빈 이미지"
    width="100"
    height="30"
    title="툴팁 : 풍선도움말" /> <br />


</body>
</html>

//
- <img src="그림 파일의 이름 또는 URL">
- alt : 이미지 설명
- ./는 현재위치(생략가능함), ../는 상위레벨
- title : 이미지 위에 마우스 올렸을 때 뜨는 말풍선
- 웹에서 사용하는 이미지 확장자 : gif, jpg, png
- 개발 할 때 좋은 해상도 : 1910 * 1080
- XHTML 6번째 특징 : <img> 태그는 src속성과 alt(대체 텍스트)속성이 꼭 있어야 표준이다.


< 실행결과 >





'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

18. body속성  (0) 2009.07.23
17. 이미지맵  (0) 2009.07.23
15. 하이퍼링크  (0) 2009.07.22
14. URL(URI)구조  (0) 2009.07.22
13. MARQUEE  (0) 2009.07.22
Posted by holland14
:

티스토리툴바