2023.07.18 모각코 2회차 결과

이번 회차에서는 html의 태그에 대해 본격적으로 알아보는 첫 시간을 가졌다.

html태그의 요소들이다

 

 

 

 

 

 

위 사진은 html파일에서 기본적으로 사용되는 스켈레톤 코드이다. 이에 대해 설명을 조금 하자면

DOCTYPE 태그 - 현재 문서가 어떤 버전으로 작성되었는지를 알려줍니다. lang은 작성된 언어를 표시합니다.

html 태그 - 문서의 시작과 끝을 구분해줍니다.

head 태그 - html태그의 자식태그로, 내부에 문서의 정보를 담당합니다.

body 태그 - html태그의 자식태그로, 실제 웹브라우저에 표시되는 내용을 포함합니다.

 

 

 

 

 

 

다음은 html의 기본적인 태그인 글꼴 태그, 목록 태그, 표 태그 중 글꼴 태그에 대해 알아보겠다.

h1~h6태그  - 웹페이지의 제목/부제목을 나타내는 태그로, h뒤의 숫자가 작을수록 폰트가 커진다.
 p - 문단을 표시하는 태그이다.
hr - 페이지에 가로선을 그어주는 태그이며 종료태그가 따로 없다.
br - 줄바꿈 태그이며 종료태그가 따로 없다.
i - 텍스트를 이텔릭체로 변환해준다.
em - 텍스트를 이텔릭체로 강조해준다.
b - 텍스트를 볼드체로 진하게 표시해준다.
strong - 텍스트를 볼드체로 진하게 강조해준다.

 

여기서 궁금해지는 것이 바로 b,i 태그와 strong,em 태그의 차이점이다.

언뜻 보면 역할이 똑같아서 굳이 2그룹씩이나 존재할 필요가 있나 생각이 들지만, 
b,i는 단순히 텍스트를 진하게 이텔릭체로 표시하는 반면

strong,em은 텍스트를 실제로 페이지 내의 중요한 부분으로 강조한다는 차이점이 있다.

 

 

 

 

다음회차에는 목록 태그와 표 태그에 대해 알아볼 것이다.