<img> 태그
그림을 넣어 주는 태그다.
웹페이지는 글자만 빽빽이 있는 것보다 그림과 함께 어울리는 것이 보기에도 좋고 기억에도 오래 남는 법이다.
※ 기본 형식 :
|
속 성 |
의 미 |
설 명 |
|
src |
url |
그림 파일(gif/jpg)의 위치(source) |
|
align |
top|middle|bottom |
그림을 중심으로 한 글자(한 줄)의 위치 지정 |
|
left|right |
그림의 위치 지정 | |
|
border |
값(픽셀) |
테두리(외곽선) 굵기 |
|
alt |
문자열 |
문자열 |
|
hspace/vspace |
값(픽셀) |
그림의 좌우/상하 여백 |
|
width/height |
값(픽셀) |
그림의 가로/세로 크기 |
|
태그 소스 |
결과 |
|
|
 그림 태그의 모든 속성을 이용하였다. 특히 정렬의 차이에 관심을 갖자. |
|
|
그림 태그의 모든 속성을 이용하였다. 특히 정렬의 차이에 관심을 갖자. |
그림 태그의 모든 속성을 이용하였다. 특히 정렬의 차이에 관심을 갖자.
<a>태그
링크란 하이퍼링크를 줄인 말인데, 지정된 글자 또는 그림 등을 마우스로 클릭하여 특정 페이지 또는 주소로 이동할 수 있도록 한 것으로, Anchor(닻)의 약자이다.
우리가 사용하고 있는 윈도우98의 도움말 원리가 바로 링크 기능이다.
이러한 링크로 이용할 수 있는 것은 문서, 파일, 웹 주소, 그림 등등이다.
|
속성 이름 |
설명 |
|
href |
연결할 주소- hypertext reference |
|
target |
_blank|self|top|parent-연결된 페이지가 뜨는 대상 |
▣ 형제입니다.
<body> 태그
문서의 배경색과 배경 그림 그리고 링크 색을 바꿀 수 있는 바탕 화면 태그다.
|
속성 이름 |
값 |
설명 |
|
bgcolor |
색명/RGB 값 |
배경색 white(#ffffff),red(#ff0000),green(00ff00), blue(#0000ff),yellow(#ffff00),black(#000000) |
|
background |
url |
배경 이미지 |
|
text |
색명/RGB 값 |
문자색 |
|
link |
색명/RGB 값 |
하이퍼링크 색(blue) |
|
vlink |
색명/RGB 값 |
방문한 적이 있는 링크색(purple)-visited link |
|
alink |
색명/RGB 값 |
선택된 상태의 링크색(red)-actived link |
※ 기본 형식 ▣ <body bgcolor="#c0c0c0"
▣ <body background="backlogo.gif">
▣ <body bgcolor=black text=yellow>
▣ <body link=red vlink=green alink=orange>
▣ <body bgcolor=black>
▣
▣
▣
※ 배경 그림 고정시키기
▣ "URL(배경 그림 주소)" BGPROPERTIES="fixed">
'▩ 태그연습' 카테고리의 다른 글
| Mp3 배경음악 100곡 모음 (0) | 2008.06.01 |
|---|---|
| ◐테두리 스타일 종류 (0) | 2008.06.01 |
| 단순한 테두리 넣기 (0) | 2008.05.26 |
| 한글자씩 나타나는 전광판 (0) | 2008.05.26 |
| 스크롤바 색상 (0) | 2008.05.19 |