[html] 태그 div 이해하기, style 이해활용
홈페이지 만들면서 가장 기초적으로 알아야 할 것이 바로 style과 div이다
table로 작업하면 테이블과 테이블끼리의 이동할 경우가 생기면
재작업이 필요해지므로 div사용하고 class를 지정하여 규제한 style을 활용한다
div는 boby 하위로 사용하고
style class를 구분하여 해당 class name을 <div class="name"> 칭해주면 해당규격이 적용된다
<div> 태그 사용 장점
1. style 지정하여 name으로 불러오면 여러곳에 한번에 적용할 수있어 간결하고
2. 수정시 style한번 수정으로 해당 class를 동시 수정이 가능하므로 시간단축이 된다
3. 작업 이후 위치이동이 필요시 용이하다
div태그는 width(가로크기),max-width(가로크기 최대치),min-width(가로크기 최소치),
padding(안쪽여백),margin(바깥쪽 여백),border(테두리 크기,색깔,형태),position(화면 위치의 방식)
등등의 많은 속성을 가지고 있습니다.
style 사용법
1.
<head>
<style type="text/css">
스타일클래스규정
</style>
</head>
<boby>에서 해당 클래스명만 호출하면된다
2. 태그별 각각의 style을 지정할수있다
ex) <table border="" style="">
3. 외부스타일시트로 별도 작업하여 불러올 수 있다
*.css형식저장 활용
• set: .(콤마)+'class name' {}
ex) .topbox {} >>> <div class="topbox">
꼭 알아야 할 팁으로 기억해 두세요
.(콤마) >>> class
#(샵) >>> id
|
|
|
'홈페이지제작 > HTML' 카테고리의 다른 글
| html display:inline 속성에 대하여 (0) | 2018.03.23 |
|---|---|
| [HTML기초] 표만들기 (0) | 2018.03.09 |
| iframe 태그 사용법과 유튜브 동영상 삽입하기 (0) | 2018.03.07 |
| HTML5 기본 이해하기 (0) | 2018.03.02 |
| [HTML] 홈페이지에 오디오 삽입 방법 (0) | 2018.02.06 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.