HTML 코드
(공백을 준다)
-링크걸기
<h1~6> 헤드라인 : 볼드체, 엔터, 1(큰)~6(작은)글자 크기
<hr> : 라인
Style 적용하기
스타일 태그
-배경 변경
-border 설정
-margin 설정
위와 같이 margin을 설정해주면 30px만큼 바깥쪽으로 빈공간을 만들어주게 된다.
-padding 설정
위 그림에서 보면 검은색 사각형으로 범위를 지정해놨는데 파란색 border에서 안쪽 검은색 사각형사이에 30px만큼 거리가
생긴것이다.
-Div 설정
div는 블록을 지정해서 엔터 효과를 준다
-Span 설정
블록을 지정해주는 태그
블록만 지정해주기 때문에 적용하면 아무것도 변하지 않는다.
-Id 설정
위와 같이 한 태그만 설정되어 적용된다.
-Class 설정
위와 같이 여러개를 설정해서 한꺼번에 스타일 효과를 적용 시킬수 있다.
- 줄 귿기
위 그림과 같이 줄이 그어지게 된다.