컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post HTML CSS] 글꼴을 이탤릭체로; 비스듬한 이탤릭 글자 태그; Italic Font T...Java 자바] 분수 약분 메서드/함수 구현; Reduce a Fraction구글 검색창에서 검색 기록 지우는 방법, 이전 검색어 저장 목록 삭제; Delete Goo...VI 와 VIM 차이, '빔'과 '브이 아이' 에디터 차이점; Unix Editor Dif...Python 파이썬] 분수 약분 방법을 함수로 구현; Reduce a Fraction디카] 캐논 풀사이즈 CMOS 센서 실물 사진; DSLR Canon Full Size커피 녹차 홍차 박카스, 카페인의 차이, Coffee / Green Tea Caffeine...Perl 펄] 분수 약분 함수 구현; Reduce a FractionPerl 펄] 최대 공약수 구하기 함수, 유클리드 호제법; GCD, Euclidean Al...C언어] gets, fgets 함수로, 키보드 문자(문자열) 입력 받기; String In...

HTML CSS] SPAN 태그의 의미, 사용법; Span Tag

Sunday, March 25, 2007

SPAN 태그는 "Inline Text Container (문장 단위로 텍스트 영역을 지정하는 것)"인데, 그 자체로는 아무 역할도 하지 않고,

문장의 특정 구역에 CSS스타일을 지정할 때 사용합니다.

DIV 태그의 역할과도 비슷하지만, DIV 태그는 사각형 박스 모양으로 구역을 지정하고, SPAN은 한 문장 단위입니다.


웹페이지 중에서, 어떤 태그도 달려 있지 않은 곳에, 뭔가를 지정하기 위해서는 SPAN 태그를 사용하면 됩니다. 쉽게 말해서, SPAN 태그는 "공 태그" 즉 비어 있는 태그입니다. 이 SPAN 태그를 어떻게 사용할지는, 웹페이지 작성자의 마음에 달려 있습니다.


다음은 어떤 문장의 가운데에 있는 "뜬구름"이라는 단어의 크기를 조정합니다. "뜬구름"이라는 단어에는 다른 태그가 붙어 있지 않기에, span 태그로 감싸 준 후, span 태그에다 스타일을 지정하면 되는 것입니다.

지금은 저 <span style="font-size:24pt; line-height:1.5em">뜬구름</span>조차도 영속적인 존재로 보이고 있다.



이것은 "뜬구름"이라는 단어에 mytest 라는 아이디(ID)를 부여하는 예제입니다.

지금은 저 <span id="mytest">뜬구름</span>조차도 영속적인 존재로 보이고 있다.




0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top