span tag

자세히 속성을 알려드립니다.

 

1. MARQUEE 태그

 

▣원어 : ? / 시작태그:필요 함 / 종료태그:필요 함
텍스트가 어떤 방향으로 흘러가는 것을 표현합니다. 이 태그는 Explorer 전용 태그입니다.

▣속성
? align="값" (값 = left / right / center / justify)
-----흘러 가는 텍스트 영역 밖에 있는 본문의 정렬 상태를 설정합니다. 3.0 이상
? behavior="값" (값 = scroll / slide / alternate)
-----흘러가는 텍스트의 형식을 지정하며, scroll은 텍스트가 흘러가다 사라지고, slide는 흘러가다 마지막에 멈추며, alternate는 양쪽 방향으로 왕복합니다. 3.0 이상
? bgcolor="색이름 / SRRGB"
-----흘러가는 텍스트의 배경색을 지정 합니다. 3.0 이상
? datasrc="소스 파일 이름"
-----홈페이지에 연결될 표 데이터의 위치를 설정. 4.0 이상
? datafild="열이름"
-----datasrc에서 지정한 데이터 소스의 표에서 열을 선택 4.0 이상
? dataformatas="mime 형식"
-----datasrc에서 지정한 데이터 소스의 표 데이터에서 항목 지정 방식을 선택.html, text, none의 세가지가 있습니다. 4.0 이상
? direction="값" (값 = left / right / up)
-----텍스트의 흘러가는 방향을 지정합니다. 3.0 이상
? height="픽셀(높이)"
-----흘러가는 텍스트의 높이를 지정합니다. 3.0 이상
? hspace="픽셀(좌우 여백)"
-----흘러가는 텍스트의 좌우 여백을 지정합니다. 3.0 이상
? id="id 이름"
-----class와 동일한 기능. 다만 id는 한 번만 사용할 수 있습니다. 4.0 이상
? style="스타일 시트 입력"
-----적용될 스타일 시트를 지정 4.0 이상
? title="제목"
-----해당 문자에 부여할 텍스트를 입력. 브라우저에서는 풍선 도움말로 표시. 4.0 이상
? loop="값" (값 = 횟수 / infinite)
-----반복 횟수를 지정하며, 기본적으로 infinite로 무한 반복합니다. 3.0 이상
? scrollamount="숫자"
-----흘러가는 속도를 지정하며, 입력 값이 높을수록 속도가 빨라 집니다. 3.0 이상
? scrolldelay="숫자"
-----흘러가는 텍스트가 다시 나타나는 간격을 설정하며, 입력 값은 mm단위이며, 입력 값이 낮을 수록 빨라집니다. 3.0 이상
? vspace="픽셀"
-----흘러가는 텍스트의 수직 간격을 지정합니다. 3.0 이상

 

2. SPAN 태그

 

▣원어 : SPAN / 시작태그:필요 함 / 종료태그:필요 함

태그와

태그는 문단에 서식을 적용 시키는 태그임에 반해 태그는 한 줄에 서식을 적용 시키는 태그 입니다.

▣속성
? class="클래스 이름"
-----스타일 시트에 의해 정의된 서식을 적용. 홈페이지 안에서 여러번 사용할 수 있습니다. 4.0, 4.0 이상
? id="id 이름"
-----class와 동일한 기능. 다만 id는 한 번만 사용할 수 있습니다. 4.0, 4.0 이상
? style="스타일 시트 입력"
-----적용될 스타일 시트를 지정 4.0, 4.0이상
? title="제목"
-----해당 문자에 부여할 텍스트를 입력. 브라우저에서는 풍선 도움말로 표시. 4.0, 4.0 이상

 

＊여기서 밑에 태그가 있는데 왜 굳이 태그를 위에 또 ?나요?

  => span 태그와 font 태그를 같이 처리한것입니다.

 

　태그는 밑에 태그때문에 쓰나 마나 아닌가요?

 => font 와 련련된 내용을 정의합니다.

 

　태그가 대충 어떤건지도 가르켜주세요

 => 상단 예제참조

 

＊width:100%와 height:20의 값은 무엇을 뜻하나요?

 => 가로와 세로 사이즈를 뜻합니다.

       가로100% 는 현재 창 또는 미리 선언한 테이블의 가로사이즈의 전체를 뜻하며

       세로20은 고정값20을 뜻합니다.

 

＊valign은 무슨태그인가요?

  => valign은 세로정렬로써 위정렬할것인가, 가운데정력할것인가, 밑정렬할것인가를 뜻합니다.  valign="값" (값 = top / bottom / center / baseline)
-----행에 들어가는 내용의 정렬 방식을 위아래를 기준으로 설정

 

＊Filter: glow　<-이것은 무엇인가요?

  => 색상효과를 나타내는 속성입니다. glow:지정된색을 번지게 하는 효과를 나타냅니다.

       gray: 이미지난 글자를 흑백화

 

＊strength:1　<-이것은 무엇인가요?

  => 강도를 뜻합니다. 1~100 점점 색이 찐해져여

 

＊font-weight:none　<-폰트 웨잇은 무엇이고 왜 값이 none인가요?

 => 폰트에 대해서 굵기를 적용 합니다.

normal : 기본값, 보통 굵기
bold : 볼드체 와 동일
bolder : 보통 굵기 보다 굵게
lighter : 보통 굴기 보다 얇게
100 ~ 900 : 100 부터 900 까지 설정 할 수 있으며, 400(normal), 700(bold) 입니다.