- h1 ~ h6 : Headline태그(숫자가 작을수록 크다. 기본 Bold체)
- div : 기본이되는 Block요소(속성이 없다.)
- p : 문단을 나눌때 쓴다.
- span: 기본이 되는 Inline요소(속성이 없다.)
- a: Anchor 링크를 표현한다.
<a href="./p1.html"><!-- 현재창열기 -->
<a href="./p1.html" target="blank"><!-- 새창열기 -->
- img: 이미지를 표현한다.
<img src="../img/p1.jpg" alt="이미지1">
- color : 글씨 색상
- text-align : 정렬(center, left, right, justify)
- font-size : 글씨 크기(12px, 16px)
- margin: 바깥쪽 여백
- padding: 안쪽 여백
div {margin: 0} /* 상하좌우 */
div {margin: 20px 0} /* 상하(20px) 좌우(0)*/
div {margin: 10px 20px 30px 40px} /* 상(10)우(20)하(30)좌(40) */
- background-color: 배경색
div {background-color: red;}
div {background-color: #ff0000;}
div {background-color: hsl(0, 100%, 100%);}
div {background-color: rgb(255, 0, 0);}
div {color: rgb(255, 0, 0);}
div {color: rgb(255, 0, 0);}
div {color: hsl(0, 100%, 100%);}
div {color: rgb(255, 0, 0);}
- 태그선택자
div{color: red;}
h1{color: red;}
- 쿨래스 선택자
- 아이디 선택자
- 자식(자손) 선택자
<div class="wrap">
<p>
<div>아버지를 아버지라...</div>
<img src="./img/hong.jpg" alt=홍길동">
</p>
</div>