span 과 div
<span>과 <div> 태그는 <p>나 <head> 처럼 내용에 의미를 부여하지 않는다.
다만 본문중 조각을 따로 분류하고 싶을 때 쓰인다.
:: span과 div는 둘 다 닫는 태그가 필요하다 ::
span은 줄 가운데 주로 쓰이고
div는 문단 전체에 쓰인다.
또한 span은 줄바꿈을 하지 않지만 div로 분류된 글은 자동으로 시작과 끝에 줄바꿈이 된다.
이렇게 잘라낸 부분에 따로 css 속성을 부여해 꾸민다거나 할 수 있다.
예시를 보자
코드 예시
출력
이렇게 span 안에 있는 글씨만 붉게 변했고,
div로 분류한 글씨는 속성을 부여한대로 아랫줄이 그어졌고 추가로 줄바꿈도 되었다.
'웹 > HTML' 카테고리의 다른 글
| HTML Meta 메타 (0) | 2018.06.30 |
|---|---|
| HTML Abbr Quotation Cite Code Pre (0) | 2018.06.30 |
| HTML Form 폼 (0) | 2018.06.22 |
| HTML Table 표 (0) | 2018.06.22 |
| HTML 헤더, 리스트, 링크, 이미지 (0) | 2018.06.21 |