WordPress Marketing

국내(Naver)부터 해외(Google · Bing · Yahoo · Baidu)까지. 브랜드, 사이트 홍보를 위한 워드프레스 실전 마케팅!
HOME > 기본 코딩 Source

기본 코딩 Source

태그(TAG)

태그란 "<"와 ">"로 이루어진 일련의 명령어 입니다.


  • 시작태그 : <a>
  • 종료태그 : </a>
  • 빈태그 : <br />, <hr />, <img />

시작태그는 "속성"과 "값"을 가질 수 있습니다.

<a href="http://www.bbsetheme.co.kr">

위에서 <a> 태그의 속성은 "href", 값은 "http://www.bbsetheme.co.kr" 입니다.



엘리먼트(ELEMENT)

<p> TEXT </p>
<a href="http://www.bbsetheme.co.kr"> TEXT </a>

내용을 포함하여 시작태그와 종료태그까지를 엘리먼트라고 합니다.
내용이 없는 요소(빈요소) ex.<hr />, <img />도 엘리먼트에 포함됩니다.
내용이 있는 엘리먼트라면 시작태그와 종료태그가 항상 존재하므로 시작태그를 썼으면 꼭 종료태그를 써야합니다.



태그의 중첩

엘리먼트는 또다른 엘리먼트를 내용으로 가질 수 있습니다.

태그가 중첩될 때는 연 순서대로 닫아야 합니다.



박스의 구성

엘리먼트들이 모이면 "박스(box)"라고 부르는 사각형 영역을 생성하게 됩니다.

CSS는 각 HTML 요소(element)를 자체적인 박스 안에 있는 것처럼 처리합니다. 박스라는 개념을 통해 포함관계가 형성되는데 가장 밖에 있는 요소를 "부모요소"라고 합니다. 그리고 그 박스 안에 있는 요소들을 "자식요소"라고 합니다. 부모요소와 자식요소의 관계가 형셩이 되면 CSS를 입힐 때 그 효과를 상속받게 되는 성질을 가지고 있습니다.
요소에 배경을 적용하면 패딩과 보더에는 배경속성이 적용 되지만, 마진에는 적용되지 않습니다. 마진은 항상 투명한 영역으로, 부모요소에서 지정한 배경을 보여줍니다.




top