본문 바로가기
반응형

DIV 태그2

DIV 태그를 이용하여 레이아웃 만들기 DIV 태그를 이용하여 레이아웃 만들기 지난 시간에 div태그와 float 속성에 대해 배웠습니다. [html/css기초] span, div [css] - span, div 태그 차이 [css 기초] float 속성에 대하여 div태그는 하나 이상의 태그를 묶는 태그라고 했는데요, 이렇게 묶어진 요소들은 하나의 객체로 취급되어 속성을 주기에도 편하고, 웹 문서의 전체 배치(layout)을 할 때도 상당히 유리합니다. 우선 쉬운 사용 예부터 보겠습니다. 1. 월요일, 화요일, 수요일을 태그로 묶어서 전체 스타일을 줄 수 있고요. 월요일 화요일 수요일 2. 이미지와 문장을 함께 엮어 스타일을 줄 수도 있어요. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. (후렴) 무궁화 삼천리 화려강산 .. 2014. 3. 19.
[html/css] span, div 태그 차이 특정영역와 넓은 영역에 스타일을 주는 태그 span, div 태그 지난 시간에 span, div에 대해 다뤘는데요 오늘은 span, div 태그 2탄입니다. [html/css기초] span, div 글꼴, 색깔, 너비나 높이 등 스타일을 지정할 때, 두 가지 방식으로 지정할 수 있는데요. 1. 문자 일부분만을 선택해서 지정하거나 (inline) 2. 넓은 범위를 묶어서 지정하거나 (block) [Inline Element] 1번은 줄 속에 끼워 넣는 요소(inline element) 라 하며, 예 :, , , 태그 등 [사용 예] 지구별 홈페이지에 오신 것을 환영합니다 지구별 홈페이지에 오신 것을 환영합니다 지구별 홈페이지에 오신 것을 환영합니다 사용 예에서 본 것처럼 특장 문자를 선택해서 지정할 때 편.. 2014. 3. 14.
반응형