블로그 이미지
주로 인재개발원 등의 사이버학습을 정리, 요약하는 상시학습 블로그입니다. 깨비형
« 2017/12 »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

Archive»

체험 블로그 마케팅 서비스 OLPOST

Category»

Notice»

Statistics Graph

 

'height'에 해당되는 글 2

  1. 2013.02.04 12. 표 만들기(1)
  2. 2013.01.31 7. <marquee> 태그 (1)
 

12. 표 만들기(1)

컴퓨터 활용/홈페이지 과정 | 2013.02.04 08:05 | Posted by 깨비형

1.표 만들기 태그의 기본형식


○ 표 만들기 태그의 기본형식


 <table>...</table>


○ <table>태그 외 기본태그들


기본 태그

설    명 

<table>...</table>

 표를 만들 때 시작과 끝을 알림

 (표 만들 때 맨처음과 끝에 들어감)

<tr>...</tr>

 한 행(가로줄)을 만들어 줌(table row)

<th>...</th>

 셀(칸)제목을 표시함(글자를 굵게 표시, 가운데 정렬)(table header cell)

<td>...</td>

 데이터가 들어갈 셀(칸)을 나타냄(세로줄을 만듬)(table data cell)



2.<table>태그의 속성들


○ <table>태그의 부가적인 속성들


속    성 

설    명 

border="수치" 

 표의 테두리 두께를 조정

 (수치가 클수록 테두리가 두꺼워짐)

 width="수치 or %"

 표의 가로너비를 지정된 수치만큼 정함

 pixel이나 %로 설정할 수 있지만 보통은 %를 주로 사용

 height="수치 or %"

 표의 세로너비를 지정된 수치만큼 정함

 cellspacing="수치"

 셀의 선과 선사이의 여백을 조정(셀 사이의 여백 조정)
 기본:2pixel

 cellpadding="수치"

 셀의 선과 글자사이의 간격을 조정(셀 안의 간격)
 기본:2pixel

 bgcolor="색상명/RGB"

 표 안의 배경색상을 지정

 background="이미지파일"

 표 안의 이미지(그림)삽입


○ 테두리 색상 변경 : <bordercolor="바꾸고 싶은 색상명/RGB코드">


○ 표의 제목 태그

- 형식 : <caption>...</caption>

- 부가속성 : 정렬

· align : left, center. right(기본값은 left)

· valign : top, middle, bottom(기본값은 middle)





저작자 표시 동일 조건 변경 허락
신고

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

14. 프레임(frame) 만들기(1)  (0) 2013.02.05
13. 표 만들기(2)  (0) 2013.02.04
12. 표 만들기(1)  (0) 2013.02.04
11. 사운드 태그  (0) 2013.02.03
10. 하이퍼링크(Link) 태그  (0) 2013.02.02
9. 이미지(Img) 태그  (0) 2013.02.01

7. <marquee> 태그

컴퓨터 활용/홈페이지 과정 | 2013.01.31 14:30 | Posted by 깨비형

1.<marquee>태그의 기본형식


○ 기본형식

 <marquee>내용</marquee>


○ 설명 및 특징

- <marquee>태그는 브라우저가 익스플로러에서만 움직임이 보여지는 익스플로러 전용태그

기본형식으로만 작성하시고 웹브라우저를 실행시키시면 <marquee>태그 안의 글자가 오른쪽에서 왼쪽으로 흘러가는 형태로 움직인다. 

내용에 글자, 이미지등이 들어갈 수도 있으며 링크도 걸 수도 있다.

- 잘만 이용하면 멋진 홈페이지를 만들 수 있지만 너무  과도하게 사용하거나 남용하면 홈페이지가 지저분해질 수도 있기 때문에 유의해야 한다.


2.<marquee>태그의 여러 가지 속성


○ <marquee>태그의 속성


 속    성

설      명 

 behavior

 스크롤 형태 지정
 사용할 수 있는 값은 scroll, slide, alternate

 direction

 스크롤 방향 지정. 사용할 수 있는 값은 left, right, up, down

 scrolldelay

 스크롤 지연속도 지정. 1/1000초 단위로 지정

 scrollamount

 한 번에 스크롤 되는(이동하는) 픽셀 수 지정

 bgcolor

 스크롤 영역의 배경색 지정

 height

 스크롤 영역의 높이 조절

 width

 스크롤 영역의 폭 조절

 loop

 스크롤 반복 횟수 지정. 사용할 수 있는 값은 숫자 또는 infinite(무한반복)


○ 속성 예시와 결과


-  예시문


☞스크롤 형태 속성 예시입니다.<p>

<marquee behavior="scroll">오른쪽에서 왼쪽으로 반복됩니다.</marquee> 

<marquee behavior="slide">오른쪽에서 왼쪽으로 한번만 흐르고 정지합니다.</marquee>

<marquee behavior="alternate">오른쪽에서 왼쪽으로 다시 오른쪽으로 반복합니다.</marquee>

☞스크롤 지연속도 예시입니다.<p>

<marquee scrolldelay="100">딜레이 수치가 100입니다.</marquee>

<marquee scrolldelay="300">딜레이 수치가 300입니다.</marquee>

<marquee scrolldelay="500">딜레이 수치가 500입니다.</marquee>

☞스크롤 스크롤 양 예시입니다.<p>

<marquee scrollamount="10">스크롤 양이 10입니다.</marquee>

<marquee scrollamount="30">스크롤 양이 30입니다.</marquee>

<marquee scrollamount="50">스크롤 양이 50입니다.</marquee>

☞스크롤 반복 횟수 예시입니다.<p>

<marquee loop="3">스크롤을 3번만 하고 멈춥니다.</marquee>

<marquee loop="infinite">스크롤을 무한반복합니다.</marquee>

☞스크롤 방향 속성 예시입니다.<p>

<marquee direction="left">왼쪽으로 스크롤 됩니다.</marquee>

<marquee direction="right">오른쪽으로 스크롤 됩니다.</marquee>

☞스크롤 폭과 높이 속성 예시입니다.<p>

<marquee width="80" height="3">스크롤 폭이 80픽셀이고 높이가 3픽셀입니다.</marquee>

☞스크롤 배경색상 속성 예시입니다.<p>

<marquee bgcolor="green">배경색상이 초록색입니다.</marquee>



- 결과


 ☞스크롤 형태 속성 예시입니다.

오른쪽에서 왼쪽으로 반복됩니다.

오른쪽에서 왼쪽으로 한번만 흐르고 정지합니다.

오른쪽에서 왼쪽으로 다시 오른쪽으로 반복합니다.

☞스크롤 지연속도 예시입니다.

딜레이 수치가 100입니다.

딜레이 수치가 300입니다.

딜레이 수치가 500입니다.

☞스크롤 스크롤 양 예시입니다.

스크롤 양이 10입니다.

스크롤 양이 30입니다.

스크롤 양이 50입니다.

☞스크롤 반복 횟수 예시입니다.

스크롤을 3번만 하고 멈춥니다.

스크롤을 무한반복합니다.

☞스크롤 방향 속성 예시입니다.

왼쪽으로 스크롤 됩니다.

오른쪽으로 스크롤 됩니다.

☞스크롤 폭과 높이 속성 예시입니다.

스크롤 폭이 200픽셀이고 높이가 20픽셀입니다.

☞스크롤 배경색상 속성 예시입니다.

배경색상이 초록색입니다.





저작자 표시 동일 조건 변경 허락
신고

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

9. 이미지(Img) 태그  (0) 2013.02.01
8. 목록(List) 태그  (0) 2013.02.01
7. <marquee> 태그  (1) 2013.01.31
6. <font>태그  (0) 2013.01.30
5. 글자(Text) 태그  (0) 2013.01.30
4. 선그리기와 제목 태그  (0) 2013.01.29