html 을 처음 공부하시는 분들께서는 각 태그의 의미를 가장 중요하게 보셔야 합니다.
사실 실제로 사용되는 태그는 그다지 많지 않으며 매우 쉽게 되어 있기 때문에 의미 파악을 하지 않고 css를 통해 같은 효과로 표현하기도 하는데 올바른 방법은 아닙니다. 현재 웹은 장애인의 사용을 위한 웹접근성 지침이라는 것으로 가능한 모든 사람들이 사용할 수 있도록 발전하고 있는 상태이며 그것은 보다 많은 사람들이 내가 만든 컨텐츠를 볼수 있게하는 올바른 방법일테니까요
의미 없이 표현된 컨텐츠는 누군가에게는 알 수 없는 내용이 될 수 있으며 궁금증만 남게 될 수 있습니다.
html 공부시 중요하게 알아야 할 첫번째가 태그의 의미라면 두번째는 태그의 기본 사이즈라고 생각합니다.
기본사이즈를 알아야 얼마나 더 강조할지, 숨길지, 키울지를 판단 할 수 있으니까요. 앞으로 소개할 태그들은 그런의미로 개발자도구를 통해 기본 사이즈를 확인하면서 진행하겠습니다.
그럼 표현의 중심이 되는 body에 대해 확인 하겠습니다.
개발자 도구로 확인해보면
body 태그는 블록속성을 가지고 있으며 바깥쪽 여백이 8px 입니다.
하지만 폰트의 크기는 알수가 없네요
개발자도우의 Style 옆에 Cumputed 탭을 클릭하신후 스크롤을 내려보면
Text 하단에 폰트 사이즈가 나옵니다. 16px 입니다.
즉 body는 블럭속성, 바깥쪽 여백이 8px, 폰트 사이즈는 16px을 기본으로 하고 있습니다.
728x90
'강좌 및 설정 > HTML 기본강좌' 카테고리의 다른 글
| 제목 태그 h1~h6와 폰트의 크기 em (0) | 2022.11.15 |
|---|---|
| 부모요소, 자식요소, 형제요소, 조상요소, 자손요소 그리고 상속 (0) | 2022.11.15 |
| box model의 이해 (0) | 2022.11.14 |
| 블럭과 인라인 (0) | 2022.11.14 |
| 개발자 도구의 활용 (0) | 2022.11.14 |